背景
background-size: cover / contain / 长度单位 长度单位
background: color image position/size repeat
盒子阴影
box-shadow:3px 4px 模糊值 外延值 颜色
变换
transform:translate(),roate()
transform-origin: left/center/right/长度单位 top/center/right/长度单位
变换
translate(x, y)
trnaslatex(x)
translatey(y)
rotate() 角度
skew()
skewx() 角度
shewy()
过渡
transition:
transition-property: all
transition-timing-function: ease|linear
transition-duration: 2s
transition-delay:
transition:all 4s linear
transition:3s
动画
@keyframes 名字 {
from {
}
to {
}
}
animation-name:名字;
animation-duration: 2s;
animation-timing-function: ease | linear | ...
animation-delay
animation-iteration-count: infinite
animation-direction: alternate
animation-play-state: paused | running
#复合属性
animation:名字 2s infinite alternate