柚子快報邀請碼778899分享:html css3背景漸變
1.線性漸變
box1
box2
box3
box4
hello
?2.徑向漸變
默認
調(diào)整徑向圓心
通過左邊調(diào)整中心位置
通過circle,調(diào)整為?
圓半徑是 100 50,圓心位置(120,60)
3.重復漸變
無論線性漸變,還是徑向漸變,在沒有發(fā)生漸變的位置,繼續(xù)進行漸變,就為重復漸變。
利用重復漸變實現(xiàn)網(wǎng)格效果
代碼如下:
.box {
width: 600px;
height: 800px;
padding: 20px;
border: 1px solid black;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: repeating-linear-gradient(transparent 0, transparent 29px, #333 30px);
background-clip: content-box;
}
柚子快報邀請碼778899分享:html css3背景漸變
參考鏈接
評論可見,查看隱藏內(nèi)容
本文內(nèi)容根據(jù)網(wǎng)絡資料整理,出于傳遞更多信息之目的,不代表金鑰匙跨境贊同其觀點和立場。
轉載請注明,如有侵權,聯(lián)系刪除。