>  기사  >  웹 프론트엔드  >  css3 shadow实现的各种漂亮阴影效果_html/css_WEB-ITnose

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

WBOY
WBOY원래의
2016-06-24 11:43:071854검색




纯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으로 문의하세요.