css实现折扇效果

总结思路：

　　1.首先进行结构的书写   <div class="box"></div>

　　2.要进行图片的重叠要用到position定位，需要重叠的元素及子元素用position： absolute；它的父元素用position： relative；

　　3.图片阴影用到box-shadow：3px 3px 5px #333；

　　4. .box div:nth-of-type(1){background: red;}

　　5. .box:hover div:nth-of-type(2){transform: rotate(15deg);opacity: 1;}       opacity表示透明度