Maison  >  Article  >  interface Web  >  css3 shadow实现的各种漂亮阴影效果_html/css_WEB-ITnose

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

WBOY
WBOYoriginal
2016-06-24 11:43:071851parcourir




纯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





Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn