《CSS揭秘》示例代码全揭秘

        最近在看 [希]LEA VEROU的《CSS揭秘》，作者是W3C CSS工作组特邀专家，这本书是对现代CSS特性一个探索，针对的是一些高级的应用场景（作者这么说的）。但是我个人认为有些场景的实现，并不是效率最好的。

        本书的所有演示实例都在一个 play.csssecrets.io 的网站上。

实例列表：

1. 背景与边框
   1. 半透明边框
   2. 多重边框
   3. 灵活的背景定位
   4. 边框内圆角
   5. 条纹背景
   6. 复杂的背景图案
   7. 伪随机背景
   8. 连续的图像边框
2. 形状
   1. 自适应椭圆
   2. 平行四边形
   3. 菱形图片
   4. 切角效果
   5. 梯形标签页
   6. 简单的饼图
3. 视觉效果
   1. 单侧投影
   2. 不规则投影
   3. 颜色效果
   4. 毛玻璃效果
   5. 折角效果
4. 字体排印
   1. 连字符断行
   2. 插入换行
   3. 文本行的斑马条纹
   4. 调整tab的宽度
   5. 连字
   6. 华丽的&符号
   7. 自定义下划线
   8. 现实中的文字效果
   9. 环形文字
5. 用户体验
   1. 选用合适的鼠标光标
   2. 扩大可点击区域
   3. 自定义复选框
   4. 通过阴影来弱化背景
   5. 通过模糊来弱化背景
   6. 滚动提示
   7. 交互式的图片对比控件
6. 结构与布局
   1. 自适应内部元素
   2. 准确控制表格列宽
   3. 根据兄弟元素的数量来设置样式
   4. 满幅的背景，定宽的内容
   5. 垂直居中
   6. 紧贴底部的页脚
7. 过渡与动画
   1. 缓动效果
   2. 逐帧动画
   3. 闪烁效果
   4. 打字动画
   5. 状态平滑的动画
   6. 沿环形路径平移的动画