Как изменить переход CSS3?

У меня есть следующий HTML, где hover растет div вниз, но я хотел бы расти вверх.Как изменить переход CSS3?

<html> 
<head> 
<style type="text/css"> 

div 
{ 
position:absolute; 
top:130px; 
left:30px; 
width:100px; 
height:100px; 
background:red; 
-webkit-transition:height 2s; 

} 

div:hover 
{ 
height:200px; 
} 
</style> 
</head> 
<body> 


<div></div> 



</body> 
</html>

Как изменить переход на зависание?

источник

2011-02-10 jpkeisala

Попробуйте установить нижний атрибут на DIV, а не сверху:

div 
{ 
position:absolute; 
bottom:130px; 
left:30px; 
width:100px; 
height:100px; 
background:red; 
-webkit-transition:height 2s;  
}

Пример: http://jsfiddle.net/lukemartin/s9jEp/

источник

2011-02-10 11:12:37 Luke

Никогда не думал об этом, спасибо! – jpkeisala

Как изменить переход CSS3?

ответ

Смежные вопросы