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; }
上面的代碼為