CSS 过渡效果
简述:
CSS过渡，就是样式发生变化时，可以看上去更自然，更柔和。想让哪个盒子有过渡样式，就把transition属性加在那个盒子上。
语法:
| 属性 | 描述 | 取值范围 |
| transition-property | 应用过渡效果的 CSS 属性名 | CSS属性都可以(all, width, color ...) |
| transition-duration | 过渡效果持续时间 | 秒和毫秒都可以, 1s 1000ms ... |
| transition-timing-function | 过渡效果展示方式 | linear(匀速), ease(开始慢、中间快、结束慢) |
| transition-delay | 过渡效果延迟时间 | 秒和毫秒都可以, 1s 1000ms ... |
| transition | 简写, 按照前四个属性的顺序分别设值 | 按照前四个属性的顺序分别设值，推荐使用 |
CSS过渡效果
代码:
Document
设置过度效果
未设置过度效果
运行:
解释:
例中代码很简单，
部分就是两个盒子，