CSS3陰影效果

2024-09-05 12:17:23

字體：大中小

來源：轉載

供稿：網友

CSS3陰影效果，利用CSS3的陰影效果制作3D效果字體，以及容器陰影效果。

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS3 Shadow Research</title><link rel="stylesheet" type="text/css" media="screen" href="css/style.css" /></head><body><header>    <h1 class="title_name">CSS3 Shadow Research<small>by Sunflowa Media</small></h1></header><div   class="iwvjtn8m0"   id="container"><section>      <div   id="iwvjtn8m0"   class="demo">        <h2>Text example!</h2>        <h3>中文效果!</h3>    </div>    <div   id="iwvjtn8m0"   class="demo box-shadow">    </div></section></div><footer>            <p><strong>Say Hello</strong>: Check out Sunflowa Media Blog, for more tutorials! <span id="iwvjtn8m0"    class="follow">And you may also @me on sina twitter</span></p></footer><script type="text/javascript"> 	var _gaq = _gaq || [];	_gaq.push(['_setAccount', 'UA-23292263-1']);	_gaq.push(['_trackPageview']);		(function() {	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);	})();</script></body></html>

上一篇：鼠標hover不抖動的辦法

下一篇：用css3制作模塊變大的效果