主页

过渡动画:是从一个状态渐渐过渡到另一个状态,经常和 :hover 一起搭配使用

transition: 要过渡的属性 花费时间 运动曲线 何时开始;
transition: width .5s ease 0.5s;
/* 如果想要写多个属性,利用逗号进行分割 */
transition: width .5s ease 0.5s, height .5s ease 0.5s;
/* 如果想要多个属性都变化,属性写all就可以了 */
transition: all .5s;

1. 属性:想要变化的css属性,宽度高度、背景颜色、内外边距都可以,如果想要所有的属性都变化过渡,写一个all就可以
2. 花费时间:单位是秒(必须写单位)比如0.5s
3. 运动曲线:默认是ease(可以省略)
4. 何时开始:单位是秒(必须写单位)可以设置延迟触发时间,默认是0s(可以省略)
过渡使用口诀:谁做过渡给谁加

CSS3

版权属于:Joe
作品采用:本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可。
0
查看目录

目录

来自 《CSS3新特性-过渡transition》
评论

博主很懒,啥都没有
46 文章数
7 评论量
3 分类数
49 页面数
已在风雨中度过 198天7小时13分