css中的变量有哪些
参考地址:https://www.w3school.com.cn/css/css3_variables.asp
全局变量:在:root中声明
局部变量:在选择器中声明( --变量名: 值 )
animation 和 transition 的区别
transition | animation | |
---|---|---|
定义 | 用于设置四个过渡属性 | 用于设置六个动画属性 |
使用方式 | transition: width 2s | animation: mymove 5s infinite |
执行情况 | 没有中间效果,需要设置hover才能执行 | 不需要设置触发事件就能执行 |
触发次数 | 只能触发一次 | 可以设置循环次数 |
性能 | 会引起页面的回流和重绘 对性能影响比较大 | 不会引起页面的重排 |