CSS3阴影方向

时间:2011-12-21 13:18:52

标签: css css3

似乎无法想出这个。

这个是右上角。我需要它左下角。

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

需要有一些类型的参考书。我用Google搜索了大约一个小时,但没有结果。

3 个答案:

答案 0 :(得分:4)

我花了3秒时间和'css3 shadow'一词,我找到了this;)

 div.shadow {
    -moz-box-shadow: -3px 3px 0 3px #333;
    -webkit-box-shadow: -3px 3px 0 3px #333;
    box-shadow: -3px 3px 0 3px #333;
 }

答案 1 :(得分:3)

第一个参数是x(+是右 - 左)第二个是y(+是向下 - 向上),第三个是模糊,向前是强度。 为左下角做这样的事情:

box-shadow: -3px 3px 0 3px #333;

答案 2 :(得分:2)

这是一个CSS3编辑器。在这里,您可以以非常所见即所得的方式创建框阴影(以及其他甜蜜的CSS3内容)。也许这会帮助你理解它是如何运作的?

http://www.css3maker.com/box-shadow.html