《CSS3實現“圖片陰影”效果》是慕課網提供的慕課課程，授課老師是Amy。
基本介紹
- 中文名：CSS3實現“圖片陰影”效果
- 提供方：慕課網
- 類別：慕課
- 授課老師：Amy
課程簡介,課程大綱,
課程簡介
利用多投影（傾斜投影與主體投影）重疊的原理，實現曲線陰影與翹邊陰影的效果，從而講解CSS3新增的 box-shadow 屬性、transform 屬性與 content 內容生成技術。
課程大綱
第1章曲線陰影的實現
分析陰影的層疊關係及實現原理及講解box-shadow、:after、:before的使用。
1-1效果演示(01:36)
1-2結構編寫(04:25)
1-3原理分析(02:32)
1-4box-shadow講解(03:40)
1-5主陰影（內陰影外陰影）(11:11)
1-6after與before講解(03:32)
1-7曲線陰影(12:17)
第2章翹邊陰影的實現
講解transform中skew與rotate的使用。
2-1翹邊陰影(18:20)
