让元素慢慢发生变化，常跟hover使用
transition: 要过渡的属性 话费时间 运动曲线 何时开始
::: waring 谁做过渡给谁加 :::
可用F12开发者工具查看元素及样式，可打开codepen在线编辑代码。
<html> <div class="demo-t1"></div> </html> <style> .demo-t1 { width: 100px; height: 100px; margin-bottom: 50px; background-color: red; transition: all 1s; } .demo-t1:hover { width: 300px; } </style>
← css3盒子模型 css3之2D转换 →
css3过渡
guqzhou
css3过渡