马上有一个小动画的功能,所以复习一下CSS3样式
transform (手动触发,常见于配合transtion使用)
transition: name duration;
旋转,平移,缩放,倾斜,和transition配合使用,一般需要事件手动触发
transform: rotate, translate, scale, skew
animation:name duration easy count delay(自动触发)
@keyframes name {
from {}
to{}
}
@keyframes name {
1%{},
100%{}
}
禁用按钮的样式 cursor: not-allowed
边框外沿设置(不会改变元素大小,等于给元素裹上外衣,offset指定元素跟包裹的距离)
outline: 1px solid red;
outline-offset: 5px;