亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

關于那個 background-image 有有點不懂, 求解!

background-image: linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480); ? 有老大 解讀下這句嗎?

正在回答

4 回答

background-image: linear-gradient背景顏色的線性漸變。。。從哪個方向開始漸變,漸變的起點,漸變的終點,各個漸變所要漸變的大小。

0 回復 有任何疑惑可以回復我~

個人理解是從左下角到右上角方向的一個線性漸變,0-25%,75%-100%的位置都是#478480顏色,其余位置是透明,然后設置一個合適的大小和背景色,加上background-image默認是重復鋪滿的,所以形成了背景效果。個人不理解的是background-position:0 0,30px 30px;什么意思。

0 回復 有任何疑惑可以回復我~

linear-gradient表示線性漸變,45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480
依次表示漸變角度,漸變顏色,漸變透明度,漸變透明度,漸變顏色,最終顏色

1 回復 有任何疑惑可以回復我~

背景圖片變換

0 回復 有任何疑惑可以回復我~
#1

丨Sunny 提問者

能詳細 解讀下 老哥
2017-03-27 回復 有任何疑惑可以回復我~
#2

心晴0623 回復 丨Sunny 提問者

就是你聯系上面的看是有設置背景色的,顏色比較淡,這里是設置背景圖片。背景圖片覆蓋背景色。然后這個linear-gradient是個設置過渡背景的樣式。設置一個5px*5px的方塊以上述方式過渡填充,然后以這個方塊作為背景圖片,默認no-repeat填充背景。還有我認為她linear寫重復了一遍,我將后面那句刪掉也是正常的。
2017-03-28 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

關于那個 background-image 有有點不懂, 求解!

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號