欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css向后投影

林玟書2年前9瀏覽0評論

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)(即黑色半透明),并且位于按鈕的后面,產生向后投影的效果。