总结思路:

  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表示透明度

本站资源均源自网络,若涉及您的版权、知识产权或其他利益,请附上版权证明邮件告知。收到您的邮件后,我们将在72小时内删除。
若下载资源地址错误或链接跳转错误请联系站长。站长q:770044133。

» css实现折扇效果

发表评论

免登录下载网,提供全网最优质的资源集合!