|
webkit-box-shadow: 1px 1px 3px green, -1px -1px blue;
-moz-box-shadow: 1px 1px 3px green,-1px -1px blue;
box-shadow: 1px 1px 3px green, -1px -1px blue;
Clever Shadows
The CSS
.box:after {
content: '';
position: absolute;
z-index: -1; /* hide shadow behind image */
/* The Shadow */
-webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
width: 70%;
left: 15%; /* one half of the remaining 30% (see width above) */
height: 100px;
bottom: 0;
}
http://d2o0t5hpnwv4c1.cloudfront.net/855_cssProperties/images/coolShadow.png
演示
想看更多的更酷的效果嘛，那你看下這篇教程吧。
3、text-shadow
演示
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁(yè) 你需要熟知10個(gè)的CSS3屬性 [2] 下一頁(yè) 你需要熟知10個(gè)的CSS3屬性 [4]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁(yè) 
第 3 頁(yè) 你需要熟知10個(gè)的CSS3屬性 [3]
