Javascript-форум (https://javascript.ru/forum/)
-   Оффтопик (https://javascript.ru/forum/offtopic/)
-   -   css3 transition background-image (https://javascript.ru/forum/offtopic/37271-css3-transition-background-image.html)

megaupload 14.04.2013 10:02

Не, не надо снуля, сделай на основе этого :D
рукожопчик ты наш)

<!DOCTYPE>
<html>
<head>
<meta charset=utf-8">
<title>Документ без названия</title>
</head>

<body>
<style>

.but_into {

	width: 100px;
	height: 100px;
	background: black;
	-webkit-transition: background 0.5s ease; 	
	
}

.but_into:hover {
	background: red;
}
</style>



Наведи
<div class='but_into'></div>

melky 14.04.2013 11:22

Цитата:

Сообщение от megaupload (Сообщение 246080)
нет

надо чтобы при уведении она в исходное состояние возвращалась.

сделай пожалуйста демо если это вообще возможно

сделай чтобы квадрат менял цвет а при увидении плавно менял цвет обратно

это ж изменение параметров анимации, когда она проигрывается. это запрещено спецификацией, так что сочувствую :(

по идее, нужно изменить параметр направления анимации (animation-durection) когда мышку отводят - это и есть изменение патаметров анимации

megaupload 14.04.2013 14:03

суть в том что css не учитывает современные потребности для оформления

должны добавиться тогда такие штуки как

::click

::mouseover

котрые бы и вызывали анимации

чтобы всю логику ОТОБРАЖЕНИЯ можно было бы написать в одном CSS

разве я не прав?



долее того css должен поддерживать все что поддерживает stylus вот это было бы ТО ЧТО НУЖНО.

но всем похуй

9xakep 14.04.2013 15:13

megaupload,
ага, как значит сам столкнулся с этим, так сразу: "нужен клик, нужно это"

Как я у тебя спрашивал: "зачем нужны эти события, это не логично"

megaupload 14.04.2013 16:40

Цитата:

Сообщение от 9xakep
ага, как значит сам столкнулся с этим, так сразу: "нужен клик, нужно это"

Как я у тебя спрашивал: "зачем нужны эти события, это не логично"

да, а теперь картинку пили пёс\


п.с. на самом деле ты даже не понял что я написал и зачем. если бы расчитывался транзишен между двумя абсолютно разными стилями то было бы норм. но добавляя АНИМАЦИИ нужно добавлять события и прочее. раз они добавляют логику то пусть уж делают это нормально.

melky 14.04.2013 21:25

Цитата:

Сообщение от megaupload
но добавляя АНИМАЦИИ нужно добавлять события и прочее. раз они добавляют логику то пусть уж делают это нормально.

события? animationstart, animationend.. они есть))

megaupload 14.04.2013 21:37

Цитата:

Сообщение от melky
animationstart, animationend.. они есть))

в css блин, оформление должно описываться в css

ПАСОНЫ откройте это в 7 ИШАКЕ

http://www.romancortes.com/blog/pure-css-coke-can

лол)

nerv_ 15.04.2013 02:36

Цитата:

Сообщение от 9xakep
Ух ты
megaupload,
смотри как можно

америку открыл :)

megaupload 15.04.2013 12:26

давайте добавим поддержку динамического stylus в браузеры)?

события на дом мутейшен повесим и.т.п. не)?

реал ваще сделать?

kobezzza 15.04.2013 14:54

Цитата:

Сообщение от megaupload (Сообщение 246268)
давайте добавим поддержку динамического stylus в браузеры)?

события на дом мутейшен повесим и.т.п. не)?

реал ваще сделать?

Сделать реал, но придётся:
1) Переписать транслятор Stylus, т.к. для динамики он работает медленно (у меня в проекте преобразование стилевой таблицы ~ 3/4 сек а количество строк где то 10к), т.е. если делать это в реальном времени, то это объективно очень медленно, но если очень заморочиться, то можно сделать быстро.

2) Реализация должна быть максимально прозрачной, чтобы не усложнять разработку.

3) Не должно тормозить.

Если эти 3 пункта будут выполнятся, то это будет прикольная штука. Сделай и будет тебе крутое портфолио)


Часовой пояс GMT +3, время: 16:04.