- 属性:变化的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>
声明:1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!