CSS中的投影效果可以通过box-shadow属性来实现,最常见的情况是为
元素添加投影效果。
div { box-shadow: 2px 2px 5px #999; }
上面的代码表示在
元素的右下角添加投影效果,投影的大小为2px,模糊程度为5px,颜色为#999。
也可以为
元素添加多层投影效果,只需要用逗号隔开不同的投影属性即可,如下:
div { box-shadow: 1px 1px 5px #999, -1px -1px 5px #ccc; }
上面的代码为
元素添加了两层投影效果,分别为右下角的浅灰色投影和左上角的深灰色投影。
除了box-shadow属性,还可以使用text-shadow属性为文本添加投影效果,比如:
h1 { text-shadow: 1px 1px 1px #999; }
上面的代码为