HTML+CSS3（十）——CSS3新特性之过渡

目录：

HTML+CSS3（一）——认识浏览器

HTML+CSS3（二）——HTML 初识

HTML+CSS3（三）——HTML基本标签

HTML+CSS3（四）——表单pattern正则属性

HTML+CSS3（五）——CSS基础

HTML+CSS3（六）——行内元素和块级元素

HTML+CSS3（七）——display属性（前面文章已讲过，这里转载一篇）

HTML+CSS3（八）——CSS权重

HTML+CSS3（九）——CSS高级技巧

HTML+CSS3（十）——CSS3新特性之过渡

HTML+CSS3（十）——CSS3新特性之2D变形和3D变形

HTML+CSS3（十）——CSS3新特性之动画

HTML+CSS3（十 一）——案例

HTML+CSS3（十二）——CSS常见问题

---

要实现过渡，必须规定两项内容：
1. 规定您希望把效果添加到哪个CSS 属性上
2. 规定效果的时长          （如果时长未规定，则不会有过渡效果，因为默认值是0）

transition-property CSS 属性的名称
transition-duration 过渡效果花费的时间
transition-timing-function 过渡效果的时间曲线
transition-delay 过渡效果何时开始

transition：需要过渡的属性  过渡时间，需要过渡的属性  过渡时间......;         综合前面的属性

测试2：