如何反转CSS3转换？

css
css3
webkit
css-transitions

2011-02-10 88 views 0 likes

我有下面的HTML在哪里悬停增长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 2011-02-10 17:14:33

如何反转CSS3转换？

回答

相关问题