web前端开发第一阶段——浏览器/过渡动画：transition

浏览器内核

chrome谷歌: weblit内核 前缀-weblit-
Safar苹果：weblit内核 前缀 -weblit-
火狐：Gecko内核 前缀-moz-
IE Tri 前缀 -ms-
欧鹏： -o-
css3里添加浏览器内核前缀，提高兼容性
border-radius:
box-sizing:
text-shadow:

过渡动画：transition:只有在数值上有过渡效果

trasition-duration:过渡时间
transition-delay:延迟时间
transition-property:width height;使什么样式有过渡效果
	默认值是所有写的样式
trasition-timing-function:linear 匀速；默认匀减速
ease:匀减速    ease-in:匀加速

复合写法

transition:过渡时间 延迟时间 宽 高 速度

trasition:3s 4s width linear;固定时间（开始变化时间） 延迟时间（时间长）宽度 速度

注意：只有数值上面可以慢慢的才有过渡效果 （层级例外）
display:none;就不是数值，所以瞬间变化,而透明度可以