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

css3某一邊陰影

呂致盈2年前11瀏覽0評論

CSS3的陰影效果使用起來非常方便,其中邊陰影特效也同樣便捷。在CSS中,我們可以使用box-shadow屬性來為元素添加陰影效果。

box-shadow: h-shadow v-shadow blur spread color;

其中,h-shadow參數(shù)表示水平陰影偏移量;v-shadow參數(shù)表示垂直陰影偏移量;blur參數(shù)表示陰影模糊度;spread參數(shù)表示陰影的伸展大?。籧olor參數(shù)表示陰影顏色。

如果我們只需要為元素添加左邊的陰影特效,可以采用以下代碼:

box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.5);

其中,h-shadow設(shè)置為-5px,代表陰影向左偏移5個像素。v-shadow設(shè)置為0px,代表陰影不偏移垂直方向。blur設(shè)置為5px,代表陰影模糊度為5個像素。spread設(shè)置為0px,代表陰影不伸展。顏色使用rgba設(shè)置,前三個參數(shù)為RGB顏色值,最后一個參數(shù)0.5代表陰影的不透明度(因為不透明度越高,陰影顏色越淺)。

這樣就完成了左邊的陰影特效。