立涌(たてわく)
【css】
body{/*立涌の背景*/
background-size:34px 34px;
background-position:17px 17px,0 0,0 0;
background-image:
radial-gradient(#eee 12px,transparent 0),
radial-gradient(#bcd 12px,transparent 0),
linear-gradient(90deg,#eee 25%,#bcd 25%,#bcd 75%,#eee 75%);
}
適宜必要なプロパティを追加してください
柄が大きいバージョン【css】
body{/*立涌(大)の背景*/
background-size:48px 48px;
background-position:24px 24px,0 0,0 0;
background-image:
radial-gradient(#eee 17px,transparent 0),
radial-gradient(#bcd 17px,transparent 0),
linear-gradient(90deg,#eee 25%,#bcd 0,#bcd 75%,#eee 0);
}
柄が細かいバージョン【css】
body{/*立涌(小)の背景*/
background-size:14px 14px;
background-position:7px 7px,0 0,0 0;
background-image:
radial-gradient(#eee 5px,transparent 0),
radial-gradient(#bcd 5px,transparent 0),
linear-gradient(90deg,#eee 25%,#bcd 25%,#bcd 75%,#eee 75%);
}
TOP≫SUB≫CSS実験室
＊前←171→次＃