2021.4.9 北京林业大学 web前端开发基础 CSS3 过渡与动画、3D变换

过渡与动画

一、过渡transition（设置在初始状态下）
（两个效果之间渐进的动画）
将元素的某个属性从“一个值”在指定的时间内过渡到“另一个值”
*属性名 持续时间 过渡方法
1.transition-property 属性名|all 对哪个属性进行变化（谓词属性）
多个属性过渡可以用all关键字
2.transition-duration 持续时间
3.transition-timing-function 过渡使用的方法（函数）
4.transition-delay （即时启动还是延时启动）

代码示例如下：

<div>web design</div>

div {
   
height: 30px;
width: 100px;
line-height: 30px;
border-radius:5px;
color:#000;
background-color:silver;
transition:all 1s linear;
}
div:hover {