CSS论坛 » CSS模板制作交流 » CSS3打造阴影和图片倾斜效果

lycos 发表于 2011-8-9 16:58

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); }

skyouzy 发表于 2012-1-2 17:07

没有尝试过阴影。。

查看完整版本: CSS3打造阴影和图片倾斜效果