Показать сообщение отдельно
  #3 (permalink)  
Старый 30.10.2013, 11:38
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,118

Сообщение от danik.js
например background-image:url() нелья плавно изменить
Chrome может
<!DOCTYPE html>
<head>
<style type="text/css">
#tile {
	width: 72px;
	height: 72px;
	background-color: #3896F6;
	background-image: url('http://javascript.ru/forum/image.php?u=8952&dateline=1362465013');
	background-repeat: no-repeat;
	border: 3px solid #008E8E;
    background-size: cover;
	transition: all 2s;
	-moz-transition: all 2s; /* Firefox Support */
	-webkit-transition: all 2s; /* Chrome and Safari Support */
	-o-transition: all 2s; /* Opera Support */
}

#tile:hover {
	border-color: #FFFF00;
	background-image: url('http://javascript.ru/forum/image.php?u=7416&dateline=1372796129');
}
</style>
<title></title>
</head>
<html>
<body>
<div id="tile">
</div>
</body>
</html>

Последний раз редактировалось рони, 30.10.2013 в 11:55.
Ответить с цитированием