エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
突然「スマイルください」と言われたときの対策 ~ CSS 編 ~ - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
突然「スマイルください」と言われたときの対策 ~ CSS 編 ~ - Qiita
CSS を書く まず、スマイル をパーツごとに分割すると、円と楕円のみで構成されていることがわかる。円... 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