.box{????width:?400px;????
?????????height:?250px;????
?????????background:linear-gradient(45deg?,yellow?25%,pink?0,pink?50%,
???????????????????????????????????????????yellow?0,yellow?75%,pink?0);????
?????????background-size:?50px?50px;
?????}請求大神解釋這里一個貼片四個條紋的deg是怎么變化的？是怎么形成的斜向條紋？
1 回答
已采納
信者得救
TA貢獻22條經驗 獲得超10個贊
45deg，其實就是to right top的意思，意思是背景的漸變方向從左下往右上。
至于怎么形成條紋，而不是漸變，關鍵在于pink 0, yellow 0。pink 0，pink 50%讓本來的yellow到pink的漸變變成了純色。
其實也可以寫成這樣，這樣是否好理解些？
????????? background:linear-gradient(to right top,yellow 0%,yellow 25%,pink 25%,pink 50%,yellow 50%,yellow 75%,pink 75%,pink 100%);
還不理解，還可以一個一個參數刪掉，看看運行的效果變化，就能理解了。
- 1 回答
- 0 關注
- 1740 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消