标题: 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

没有尝试过阴影。。

---

欢迎光临 CSS论坛 (http://www.divcss5.com/bbs/)

Powered by Discuz! 6.1.0