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

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

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

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

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

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

同時(shí)，我們也可以將x的值設(shè)為負(fù)數(shù)，實(shí)現(xiàn)向左側(cè)增加投影的效果。

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

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