欢迎大家留言补充,以下是来自俺的整理分享:
边框(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转换
- 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