利用多投影(倾斜投影与主体投影)重叠的原理,实现曲线阴影与翘边阴影的效果,从而讲解CSS3新增的 box-shadow 属性、transform 属性与 content 内容生成技术。
本课程适合有 (X)HTML 和 CSS2 基础及对 HTML5 和 CSS3 有所了解的童鞋们。
1、如何分析阴影的层叠关系
2、如何使用 box-shadow 属性实现不同角度不同位置的内投影及外投影
3、如何使用 transform 变换中的 skew 与 rotate 实现斜边与曲线效果
4、如何使用 :after 与 :before 生成内容