在CSS中,使用投影效果可以增強網頁的層次感和立體感,讓頁面更加生動。下面介紹幾種實現投影效果的方式。
1. text-shadow屬性,可以給文本添加投影效果。
/* 參數含義:水平偏移量 垂直偏移量 模糊半徑 顏色 */ text-shadow: 2px 2px 3px rgba(0,0,0,.3);
2. box-shadow屬性,可以給盒子添加投影效果。
/* 參數含義:水平偏移量 垂直偏移量 模糊半徑 擴散半徑 顏色 */ box-shadow: 2px 2px 3px 4px rgba(0,0,0,.3);
3. outline屬性,可以給元素的輪廓線添加投影效果。
/* 參數含義:水平偏移量 垂直偏移量 模糊半徑 顏色 */ outline: 2px 2px 3px rgba(0,0,0,.3);
需要注意的是,投影效果會占用一定的性能,盡量不要在大量元素上使用過多的投影效果,影響頁面加載速度。
上一篇imap發送php
下一篇imagine php