CSS を書く まず、スマイル をパーツごとに分割すると、円と楕円のみで構成されていることがわかる。円や楕円は、radial-gradient関数を使えば、描くことができる。 顔を描く radial-gradient関数を使って、顔の輪郭を作っていく(動作例)。良い感じ。 :root { --canvas-size: 300px; --face-inside-color: #ffcc4d; --face-outline-color: #ffcc4d; --face: radial-gradient( circle, var(--face-inside-color) 140px, var(--face-outline-color) 141px, var(--face-outline-color) 149px, transparent 150px ) no-repeat; } .nico-ch