どうも!LSSです!!
「クリスマスカラーを使った、CSSサンプルネタをやってみたい」と思い、やってみたらこうなりました。
サンタさんへの手紙
コード
<div style="
width: 300px;
height: 200px;
padding: 20px;
border-radius: 25px;
background-image:
linear-gradient(to bottom right,#ffd900,#ffffff,#ffd900),
repeating-linear-gradient(to bottom right,#cc0000 0px 20px,#00aa00 21px 40px);
background-clip:
content-box,
padding-box;
">
Dear サンタさん<br /><br />今年のクリスマスプレゼントは<br />Core i9のCPUが欲しいです。<br />よろしくお願いいたします。
</div>
赤文字部分を好きな文章に書き換えてください^^
没案
この「赤と緑のしましま」を、repeating-linear-gradientで実現しています。
これをrepeating-conic-gradientでやったらどうなるかな?と。
そして、repeating-radial-gradientだったら…
…うん、linear-gradientでやるのが無難ですねwww
ちなみに、欲しがっているものは
Intel Corei9 プロセッサー 12900K 3.2GHz( 最大 5.2GHz ) 第12世代 LGA 1700 BX8071512900K
少々(どころじゃなく)手が出せませんw
ってなとこで、今回はこのへんで!
次回もまた、よろしくお願いします^^