0

我遵循 HTML，其中悬停使 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>

如何在悬停时反转过渡？

4

1 回答 1

8

尝试在 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-10T11:12:37.073 回答