Javascript-форум - css3 transition background-image

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 (Сообщение 246060)

melky,
твоюю ж маааааааааааать О____________О

и чо это ОБЩЕИЗВЕСТНО?????????????????????????? ????????????????????77777777777777

я думал это просто обертка на transition !!!

я игрался с ней но не думал что там ТАКОЕ можно!!!!

жди melAnim. там эти анимации можно на *** вертеть

Цитата:

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

ахиреть просто ахиреть пасоны!11

а у меня вопрос. и с этим косяком все сталкивались))

еслимы хотим сделать смены картинки при наведении и обратную смену ПРИ УБИРАНИИ нам надо на основной класс повесить анимацию "убирания" и получается что при заходе на сайт сработают все анимации убирания... как это КРАСИВО обходить?

img:hover {
    animation-direction: reversed;
}

если я правильно понял

пасоны, я огорчен, только хром умеет менять картинку плавно..
почему люди из мозила не пристыдятся и не сделают это??????????????
это же дня 2 работы!

Цитата:

Сообщение от melky

если я правильно понял

нет

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

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

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

megaupload,
это с помощью transition делается

http://gmoryes.bplaced.net/testhover.html

Цитата:

Сообщение от 9xakep

это с помощью transition делается

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

megaupload,
тупой что ли

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; 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>

Цитата:

Сообщение от 9xakep

тупой что ли

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

Цитата:

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

ты просил цвет

ну с картинкой сам попробуй, потому что я спать уже

Цитата:

Сообщение от 9xakep

ты просил цвет

да, а еще я просил это анимейшеном сделать))
лол вот ты толстишь или реал затупил)?

Вы просите готовый скрипт с нуля.

Это работа, и за нее обычно платят деньги.
Для таких сообщений предназначен раздел форума "Работа".

Если вы все же хотите, чтобы вам помогли - приложите какие-то усилия сами и задавайте вопросы по ходу дела.