css3 box-shadow 盒子效果

清华大佬耗费三个月吐血整理的几百G的资源,免费分享!....>>>

	    <style type="text/css">
	    		img {
	    			width: 100px;
	    			height: 100px;
	    			vertical-align: bottom;
	    		}
	    
				.out-shadow {
					margin-right:10px;
					padding:5px;
					border:1px solid #ccc;
					
					-moz-border-radius:5px;
					-webkit-border-radius:5px;
					border-radius:5px;
					
					-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);
					-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
					box-shadow: 0 0 5px rgba(0,0,0,0.2);
					
					-webkit-transition:all 0.3s ease;
					-moz-transition:all 0.3s ease;
					-ms-transition:all 0.3s ease;
					-o-transition:all 0.3s ease;
					transition:all 0.3s ease;
				}
				
				.out-shadow:hover {
					border:1px solid rgba(82, 168, 236, 0.6);
					-webkit-box-shadow:0 0 11px rgba(82, 168, 236, 0.6);
					-moz-box-shadow: 0 0 11px rgba(82, 168, 236, 0.6);
					box-shadow: 0 0 11px rgba(82, 168, 236, 0.6);
				}
	    </style>