首页  >  文章  >  web前端  >  css3 shadow实现的各种漂亮阴影效果_html/css_WEB-ITnose

css3 shadow实现的各种漂亮阴影效果_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:43:071813浏览




纯CSS3实现的各种阴影效果

<script><br />var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-7489188-1']); _gaq.push(['_trackPageview']);<br /> (function() {<br /> var ga = document.createElement('script'); ga.async = true; ga.src = 'http://www.google-analytics.com/ga.js';<br /> var s = document.getElementsByTagName('script')[0];<br /> s.parentNode.insertBefore(ga, s);<br /> })();<br /></script>


http://www.999jiujiu.com/


CSS drop-shadows without images



Lifted corners




Curled corners




Perspective




Raised box




Single vertical curve




Vertical curves




Single hozitonal curve




Horizontal curves




Rotated box





声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn