总结思路:
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表示透明度