Как я могу отменить переход CSS3? - PullRequest
Новая
       7

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

0 голосов
/ 10 февраля 2011

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

<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>

Как я могу изменить переход на hover?

1 Ответ

6 голосов
/ 10 февраля 2011

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

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

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

...