Transition的用法

transition是CSS3里面的一个属性，通常用在动画里，起到视觉上的过渡效果，不会让动画在网页里面显得僵硬。使用transition属性的时候要考虑浏览器的兼容性，兼容代码如下所示:：

a{   color: #c52d2f;   transition: color 3s,background-color 3s;   /*兼容性处理,IE9以下不支持*/    -webkit-transition: color 3s,background-color 3s;//谷歌、Safari浏览器    -moz-transition: color 3s,background-color 3s;//火狐浏览器    -o-transition: color 3s,background-color 3s;//欧朋浏览器}

上述代码写的是文字颜色和背景颜色的变化。transition属性包括四个属性：

1)transition-property:设置过渡效果的 CSS 属性的名称，取值none|all|property

2)transition-duratiuon:完成过渡效果需要多少秒或毫秒，取值数字，为0则默认没有过渡效果

3)transition-timing-function:速度效果的速度曲线,linear匀速,ease慢快慢，ease-in慢速开始，ease-in-out慢速开始和结束

4)transition-delay:过渡效果要等多长时间以后开始，取值数字

在CSS文件中的语法结构为：

transition:property1 duration1 timing-func1 dalay1 , property2 duration2  timing-func2 dalay2;

                                             
        0        0           
	
				
	
					   
Transition的用法
	  	   
Transition的用法
	  	   
CSS transition的用法
	  	   
css3中transform和transition的用法
	  	   
CSS动画：transition 的用法介绍
	  	   
Vue2.0 Transition的常见用法
	  	   
filters.revealTrans.Transition用法
	  	   
filters.revealTrans.Transition用法
	  	   
quick-cocos2d-x     transition用法
	  	   
PlayMaker的Transition和Global Transition
	  	   
CSS3的transition属性
	  	   
hover的transition
	  	   
hover的transition
	  	   
css3的transition属性
	  	   
CSS3 transition的使用
	  	   
css3的过渡transition
	  	   
CSS3的过渡 transition
	  	   
Transition的使用分析
	     		  
	  	   
java.lang.UnsupportedOperationException
	  	   
进程与线程
	  	   
jzoj C组 2017.1.13比赛
	  	   
数据结构上机测试2-1:单链表操作A
	  	   
CMT跟踪算法分析
	  	   
Transition的用法
	  	   
JavaScript中对象转换为原始值的步骤
	  	   
【BZOJ 2038】 [2009国家集训队]小Z的袜子(hose)   莫队
	  	   
配置404等错误页面
	  	   
Go-SHA1
	  	   
oracle 学习
	  	   
Android 打电话
	  	   
树形DP（Simple Tree，玲珑杯 Round#8 B lonlife 1080）
	  	   
Eclipse+Maven创建webapp项目