如何反转 CSS3 转换？
我有以下 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>
如何反转悬停时的转换？
I have following HTML where hover grows div downwards but I would like to grow upwards.
<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>
How can I reverse the transition on hover?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
尝试在 div 上设置底部属性，而不是顶部：
示例： http://jsfiddle.net/lukemartin/s9jEp/
Try setting the bottom attribute on the div, not top:
Example: http://jsfiddle.net/lukemartin/s9jEp/