.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;
?????}請求大神解釋這里一個(gè)貼片四個(gè)條紋的deg是怎么變化的？是怎么形成的斜向條紋？
1 回答
已采納
信者得救
TA貢獻(xiàn)22條經(jīng)驗(yàn) 獲得超10個(gè)贊
45deg，其實(shí)就是to right top的意思，意思是背景的漸變方向從左下往右上。
至于怎么形成條紋，而不是漸變，關(guān)鍵在于pink 0, yellow 0。pink 0，pink 50%讓本來的yellow到pink的漸變變成了純色。
其實(shí)也可以寫成這樣，這樣是否好理解些？
????????? background:linear-gradient(to right top,yellow 0%,yellow 25%,pink 25%,pink 50%,yellow 50%,yellow 75%,pink 75%,pink 100%);
還不理解，還可以一個(gè)一個(gè)參數(shù)刪掉，看看運(yùn)行的效果變化，就能理解了。
添加回答
舉報(bào)
0/150
提交
取消