色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css投影x0y

江奕云2年前7瀏覽0評論

CSS投影x0y是指在水平方向上給元素增加投影效果。在CSS中,我們可以通過box-shadow屬性來實現投影效果。設置box-shadow的值時,可以使用四個參數,分別代表水平偏移量x、垂直偏移量y、模糊程度和擴展程度。其中,當x為0時,就是在水平方向上添加投影效果。

box-shadow: 0px 0px 10px rgba(0,0,0,0.3);

這里我們設置偏移量x和y都為0,模糊程度為10px,投影顏色為rgba(0,0,0,0.3)。也就是說,這個投影效果在水平和垂直兩個方向的偏移量都為0,看起來就是元素底部增加了一層陰影。

如果只想讓元素在水平方向上增加投影效果,可以將y的值設置為0,只保留x的值。

box-shadow: 20px 0px 10px rgba(0,0,0,0.3);

這里我們設置偏移量x為20px,垂直偏移量y為0,模糊程度為10px,投影顏色為rgba(0,0,0,0.3)。這樣,元素在水平方向上會增加一層20px寬的投影效果。

同時,我們也可以將x的值設為負數,實現向左側增加投影的效果。

box-shadow: -20px 0px 10px rgba(0,0,0,0.3);

這里我們設置偏移量x為-20px,垂直偏移量y為0,模糊程度為10px,投影顏色為rgba(0,0,0,0.3)。這樣,元素在水平方向上會增加一層20px寬的投影效果,但是向左偏移。