CSSでビックリマンシール風の背景を作る - Qiita

Chrome 69 から CSS conic-gradient が使えるようになります ※2018年8月3日時点ではバージョンが 68 なので、以下のソースは Chrome Canary でご確認ください。 今までグラデーションといえば、線形グラデーションの linear-gradient と 放射状グラデーション の radial-gradient の２つだけでしたが、conic-gradient で円錐状グラデーションを表現することができます これを利用しビックリマンシール風の背景を作成してみました。*1 実際に描画されたものを見たい場合はこちら。 名前のところは太字にして枠をつけただけなので、もう少し何とかしたいところですが、 主旨のキラキラはいい感じにできました。 キラキラソース HTML .kirakira { position: relative; width: 240px;

[a-know]

絶対にやりたい

[amagitakayosi]

回転させた https://codepen.io/fand/pen/QBZYvv

[hoppie]

ビックリマンシールだ。いいな。使おう

[Nyoho]

正確には「のヘッド」の背景。これは便利。

[teppeis]

これは

[tmatsuu]

ええやんけ

[razokulover]

意外にシンプルですごい

[tacamula]

css

[ledsun]

CSSで（近い未来に）こんなことできるのか！

[suginoy]

第8弾ヘッドまで。

[hc0001]

“こちら”