CSS3过渡：transition: 要过度的属性 花费时间 运动曲线 何时开始;
- 属性：变化的css属性，宽度高度、背景颜色、内外边距。如果想要所有的属性都变化过渡，写一个all就可以
- 花费时间：单位是秒（必须写单位），例如0.5s
- 运动曲线：默认是ease（可省略）,linear(匀速)、ease-in(加速)、ease-out(减速)、ease-in-out(先加速后减速)
- 何时开始：单位是秒（必须写单位）,可以设置延迟触发，默认是0s
<style>
div {
width: 200px;
height: 200px;
background-color: seagreen;
/* transition:变化的属性 花费时间 运动曲线 何时开始 */
transition: width 0.5s ease 0.1s, height 0.5s ease 0.1s;
/* 多个属性写all */
transition: all 0.5s;
}
div:hover {
width: 400px;
height: 400px;
background-color: slateblue;
}
</style>
<div>
我要变化
</div>声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
