发新话题
打印

CSS3打造阴影和图片倾斜效果

CSS3打造阴影和图片倾斜效果

阴影效果

box-shadow: #333 3px 3px 4px;
-moz-box-shadow: #333 3px 3px 4px;
-webkit-box-shadow: #333 3px 3px 4px;

角度(Degrees)
角度范围从0~360度(deg),当然,也可以是负数,如果是负数则逆时针。如下的CSS代码:

.image_test_1, .image_test_5 { -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } .image_test_2, .image_test_4 { -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); }

TOP

没有尝试过阴影。。
http://www.kuaidiangou.com http://www.u88w.com

TOP

发新话题