2023蓝桥杯前端web组css复习

1.transform的选项：skew翻转、scale放缩、rotate旋转

2.animation：

animation:name 10s infinite 1s ;

infinite循环播放

@keyframes name {
from|0%{
css样式
}
n%{
css样式
}
to|100%{
css样式
}
}

/动画暂停属性，鼠标放上去就暂停/
animation-play-state: paused;

3.怪异盒模型

box-sizing: border-box;

4.居中

position: absolute;
left: 50%;
transform: translateX(-50%);