CSS 过渡&转换&动画模块

一、过渡模块

1、a标签的伪类选择器

（1）作用：修改a标签不同状态的样式

（2）a 标签的四种状态

• 访问前（：link）
• 访问后（：visited）
• 长按时（：active）
• 悬浮时（：hover）

（3）注意点

• 伪类选择器可以单独出现，也可以一起出现
• 一起出现的顺序为：link visited hover active
• 访问前和访问后状态的颜色相同的话可以简写：a｛color：red；｝

（4）练习总结

• 伪类选择器放在标签选择器的后面
• 盒子相关属性放在标签里
• 文字背景相关属性放在伪类选择器里

2、过渡模块

（1）基本使用

• 使用的三要素：属性变化；哪个属性需要过渡；效果的时长；
• hover伪类所有的标签都可以用；
• 注意：多属性的过渡效果的写法如下；

div{
    transition-property:width,height;
    transition-durati