CSS3阴影方向

  • 本文关键字:方向 阴影 CSS3 css
  • 更新时间 :
  • 英文 :


我看不懂这个。

这个放在右上方。我要把它放在左下角。

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

这方面需要一些文字参考书。我用谷歌搜索了大约一个小时,没有任何结果。

它花了我3秒和术语'css3阴影',我找到了这个;)

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

第一个参数是x(+是右-是左)第二个参数是y(+是下-是上)第三个参数是模糊,第四个参数是强度。对左下角执行如下操作:

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

这是一个CSS3编辑器。在这里,你可以以一种所见即所得的方式创建框阴影(和其他可爱的CSS3东西)。也许这也能帮助你理解它是如何工作的?

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

最新更新