CSS中的向后投影是指在元素后面產生一個投影效果,使得元素看起來更立體、更具有層次感。
/*語法規則*/ box-shadow: h-shadow v-shadow blur spread color inset; /*參數解釋*/ h-shadow:必須,水平偏移量,可為負值,如 -5px; v-shadow:必須,垂直偏移量,可為負值,如 -5px; blur:可選,模糊半徑,值越大,模糊半徑越大,投影效果越模糊; spread:可選,陰影擴張半徑,值越大,陰影擴張半徑越大; color:可選,投影顏色,默認為黑色; inset:可選,指定是否為內陰影,如為inset,則投影在元素內部。
例如,我們可以給一個按鈕添加一個向后投影效果:
.btn{ box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.3); }
上述代碼中,按鈕的投影效果為:無水平、垂直偏移,模糊半徑為5px,陰影擴張半徑為2px,顏色為rgba(0,0,0,0.3)(即黑色半透明),并且位于按鈕的后面,產生向后投影的效果。
上一篇mysql數據庫自動同步
下一篇css向兩邊延伸