【CSSサンプル】サンタさんへの手紙【小ネタ】

　どうも！LSSです！！

「クリスマスカラーを使った、CSSサンプルネタをやってみたい」と思い、やってみたらこうなりました。

サンタさんへの手紙

Dear サンタさん

今年のクリスマスプレゼントは
Core i9のCPUが欲しいです。
よろしくお願いいたします。

コード

<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でやったらどうなるかな？と。

Dear サンタさん

そして、repeating-radial-gradientだったら…

Dear サンタさん

…うん、linear-gradientでやるのが無難ですねｗｗｗ

ちなみに、欲しがっているものは

Intel Corei9 プロセッサー 12900K 3.2GHz（ 最大 5.2GHz ） 第12世代 LGA 1700 BX8071512900K

少々（どころじゃなく）手が出せませんｗ

ってなとこで、今回はこのへんで！

次回もまた、よろしくお願いします^^