CSS3のanimationで雪を降らせる

aoix

License: MIT License

Fork
3
Fav
2
View
2007
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 0 lines
  • HTML 1 lines
  • CSS 18 lines
CSSだけで雪を降らせてみるテスト

・画像を3種類使うことで立体感が出て良い感じの雰囲気に。
・keyframesのbackground-positionを変えると斜め降りとかもできる。
・指定した範囲に降らせることができるのでbodyを指定すれば背景全体に降らせることもできる。

【参考】
■ CSS Snow Effect|Brad S. Knutson
http://bradsknutson.com/blog/css-snow-effect/
  • CSS3のanimationで雪を降らせる
  • CSS3のanimationで雪を降らせる

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

aoix

Author

  • Twitter

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

YukycoYukyco:

素敵ですね!

Forked

sort by