:hover伪类选择器可以用于所有的选择器(只有在悬停时,执行选择器的属性) CSS3中新增过渡模块:transition property(属性)duration(过渡效果花费的时间)timing-function(过渡效果的时间曲线)delay(过渡效果何时开始)简写:transition:过渡属性 过渡时长 过渡速度 过渡延迟 (!!如果有多组属性要改变则直接用逗号隔开写几组即可)如果有的属性相同则例:all 5s表示都是5s完成 三要素:必须属性发生变化 必须告诉系统哪个属性变化 必须告诉系统变化时长 要实现多个属性变化效果,用逗号隔开 在设计过渡效果时:1:不管过渡,先编写基本界面 2:修改我们需要修改的属性 3:给我们认为需要修改的属性元素添加过渡
1 2 3 4 5过渡模块 6 61 62 63 64 65 66
- 67
- box1 68
- box2 69
- box3 70
- box4 71
- box5 72