CSS3的背景色投影為我們提供了一種簡單有效的方式來通過背景色的方式上增加一層投影效果,讓我們實現更好、更美觀的頁面設計。
.box { background-color: #333; box-shadow: 0 10px 20px rgba(0,0,0,0.3); }
上述代碼中的.box表示要設置投影的元素,background-color屬性是設置元素的背景色,box-shadow即表示投影的樣式,前三個參數分別表示x軸位移、y軸位移、模糊大小,最后一個參數則是投影的顏色和不透明度。
通過使用CSS3的背景色投影,我們可以方便地實現按鈕、框架、圖片等元素的美化設置,讓頁面更加的美觀、精致。
上一篇css3圖片全屏