CSSで花火を描いてみました

夏なのでやってみました。花火を綺麗にするところまではいけず。また時間があったらもう少し綺麗な花火づくりにチャレンジしたいです。


See the Pen CSS Hanabi by gaaamii (@gaaamii) on CodePen.

ポイント

  • 夜空のグラデーション
  • ひゅーと玉が上がってどんと花が開くアニメーション
  • CSSのtransformの値を、rotateの値は保ったままscaleだけを大きくするのにCustom Propertiesを使う