CSS3按规范分类

根据CSS揭秘一书分类

CSS 动画

• 42)缓动效果
• 43)逐帧动画
• 44)逐帧动画
• 45)打字动画
• 46)状态平滑动画
• 47)沿环形路径平移的动画

  CSS 背景与边框/图像/遮罩

• 1)半透明边框
• 2)多重边框
• 3)灵活的背景定位
• 4)边框内圆角
• 5)条纹背景
• 6)复杂的背景图案
• 7)伪随机背景
• 8)连续的图像边框
• 9)自适应的椭圆
• 12)切角效果
• 11)菱形图片
• 14)简单的饼图
• 15)单侧投影
• 19)折角效果
• 22)文本行的斑马条纹
• 26)自定义下划线
• 30)扩大可点击区域
• 32)通过阴影来弱化背景
• 34)滚动提示
• 35)交互式的图片对比控件

  CSS 伸缩盒布局

• 40)垂直居中
• 41)紧贴底部的页脚

  CSS 字体

• 24)连字
• 25)华丽的&符号

  CSS 内部与外部尺寸模型

• 36)自适应内部元素

  CSS 文本

• 20)连字符断行
• 23)调整tab的宽度

  CSS 文本装饰效果

• 26)自定义下划线
• 27)现实中的文字效果

  CSS 变形

• 10)平行四边形
• 12)切角效果
• 11)菱形图片
• 13)梯形标签页
• 14)简单的饼图
• 19)折角效果
• 35)交互式的图片对比控件
• 40)垂直居中
• 47)沿环形路径平移的动画

  CSS 过渡

• 11)菱形图片
• 12)切角效果
• 17)染色效果
• 33)通过模糊来弱化背景
• 42)缓动效果

  CSS 值与单位

• 3)灵活的背景定位
• 32)通过阴影来弱化背景
• 40)垂直居中
• 41)紧贴底部的页脚
• 45)打字动画

  CSS 图像混合效果

• 17)染色效果
• 35)交互式的图片对比控件

  CSS 滤镜效果

• 16)不规则投影
• 17)染色效果
• 18)毛玻璃效果
• 33)通过模糊来弱化背景
• 35)交互式的图片对比控件

  CSS 全屏API

• 32)通过阴影来弱化背景

  CSS 可缩放矢量图形

• 6)复杂的背景图案
• 14)简单的饼图
• 28)环形文字

  CSS 选择符

• 31)自定义复选框
• 38)根据兄弟元素的数量来设置样式