根据css揭秘书籍实现相关Demo

备注:
1.Sam的博客地址：http://www.cnblogs.com/cqhaibin/
2.欢迎加入大前端交流群：231327651

边框与背景

主要介绍 半透明边框、多重边框、背景定位、多重圆角边框、条纹背景等内容

详细示例说明地址： 第一部分，第二部分

形状

主要介绍 自适应椭圆、菱形、切角效果、梯形图案、简单饼图

详细示例地址

视觉效果

主要介绍 单侧阴影、不规则阴影、染色体效果、毛玻璃效果、折角效果

详细示例地址

字体排印

主要介绍 插入换行、文本行的斑马线、调整tab的宽度、自定义下划线、现实中的文字效果

详细示例地址

用户体验

主要介绍 光标、扩大热区、自定义复选框、通过阴影来弱化背景、 通过模糊来弱化背景、滚动提示、图片对比控件

详细示例地址

结构与布局

主要介绍 自适应内部元素、精确控制表格的列宽、根据兄弟元素的数量来设置样式、 一幅背景定宽内容居中、垂直居中、紧贴底部的页脚

详细示例地址

过渡与动画

主要介绍 缓动效果、逐帧动画、闪烁效果、打字效果、状态平滑效果、沿环型路径平移效果