CSS3阴影效果

2020-01-27 14:16:41

字体：大中小

来源：转载

供稿：网友

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 id="container"><section>      <div class="demo">        <h2>Text example!</h2>        <h3>中文效果!</h3>    </div>    <div class="demo box-shadow">    </div></section></div><footer>            <p><strong>Say Hello</strong>: Check out <a href="#" target="_blank">Sunflowa Media Blog</a>, for more tutorials! <span class="follow">And you may also <a href="#" target="_blank">@me</a> 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>

上一篇：用css3制作模块变大的效果

下一篇：鼠标hover不抖动的办法