CSS3 过渡

CSS3 过渡属性

W3CSchool标准CSS使用语法*transition 属性针对不同浏览器兼容

div
{
transition: width 2s;
-moz-transition: width 2s;	/* Firefox 4 */
-webkit-transition: width 2s;	/* Safari 和 Chrome */
-o-transition: width 2s;	/* Opera */
}

注意：I E10、Firefox、Chrome 以及 Opera 支持 transition 属性；Safari 需要前缀 -webkit-。

html与css代码

	
		

		
		

		
		
		

		

		
		
		
		
	
	
		
 
			
我是小妞妞。
		
		
	

效果图

注：图片为静态，效果为动态，请参考网址http://www.w3school.com.cn/tiy/t.asp?f=css3_transition2