边框(borders):
- border-radius 圆角
- box-shadow 盒阴影
- border-image 边框图像
背景:
- background-size 背景图片的尺寸
- background_origin 背景图片的定位区域
- background-clip 背景图片的绘制区域
渐变:
- linear-gradient 线性渐变
- radial-gradient 径向渐变
文本效果
- word-break word-wrap
- text-overflow
- text-shadow
- text-wrap
- text-outline
- text-justify
转换:
- 2D转换属性 transform transform-origin
- 2D转换方法 translate(x,y) translateX(n)
translateY(n) rotate(angle) scale(n) scaleX(n) scaleY(n)
rotate(angle) matrix(n,n,n,n,n,n)
3D转换:
- 3D转换属性:
- transform
- transform-origin
- transform-style
- 3D转换方法:
- translate3d(x,y,z)
- translateX(x)
- translateY(y)
- translateZ(z)
- scale3d(x,y,z)
- scaleX(x)
- scaleY(y)
- scaleZ(z)
- rotate3d(x,y,z,angle)
- rotateX(x)
- rotateY(y)
- rotateZ(z)
- perspective(n)
过渡
transition
动画
@Keyframes规则
animation
弹性盒子(flexbox)
多媒体查询@media