4-21 css动画效果

z-index 位置优先级
border radius:xx 圆角 可以写四个值
box-shadow 阴影 水平 模糊的距离 模糊的程度 阴影前可加颜色
backgroup-origin content-box padding-box border-box 默认图片的开始位置
box-sizing:content-box(默认）border-box
文本阴影 text-shadow
word-wrap： 自动换行 英文用 break word 换行
column-count x 分成多少列
column-gap xx 列之间的距离
2D转3D transform：
translata 从原来位置水平移动
rotate(xx egeg)div旋转
scall（）放大，缩小
skew(xx deg,xx deg) 基于xy轴的旋转
过渡 transition:
transition{
transform
@keyframes my fiest{
from
text-outline: 0 0 #000;
}
@keyframes 规定动画。 3
animation 所有动画属性的简写属性，除了 animation-play-state 属性。 3
animation-name 规定 @keyframes 动画的名称。 3
animation-duration 规定动画完成一个周期所花费的秒或毫秒。默认是 0。 3
animation-timing-function 规定动画的速度曲线。默认是 "ease"。 3
animation-delay 规定动画何时开始。默认是 0。 3
animation-iteration-count 规定动画被播放的次数。默认是 1。 3
animation-direction 规定动画是否在下一周期逆向地播放。默认是 "normal"。 3
animation-play-state 规定动画是否正在运行或暂停。默认是 "running"。 3
animation-fill-mode 规定对象动画时间之外的状态