CSS样式的继承
会继承的CSS属性:字体属性,文本属性,文字颜色.....
不会继承的CSS属性:边框,内外边距,宽高....
a链接的属性最好添加在自身,否则可能不生效
过渡属性
transition-delay:2s (延迟)
transition-timing-function:linear (改运动形式)
transition-timing-function:steps(10) (逐帧)
2d转换
transform:translateX()
transform:translateY()
旋转
transform:rotateX(30deg)
transform:rotateY(30deg)
沿着X旋转45读再向右平移
先平移后旋转
transform:translateX(100px) rotateX(45deg)
transform:scaleX(0.5) 以X轴缩放
transform:scaleY()
transform:scale() 完整缩放
3d转换
景深(3d)
perspective:
transform-style:preserve-3d
transform-origin:top/bottom/10px (改变基点)animation-literation-count:infinite (无限播放)
animation-direction:reverse (是否反向播放)
animation-direction:alternate (往复)
animation-play-state:paused 开始暂停
animation-fill-mode:forwards 最后暂停
渐变
background-image:linear-gradient(red,pink)