Stars (or snow)

jCarpov

• 8025
• 21
• 1

First of all, this animation is not done in Canvas or SVG. It's created purely in CSS3! It also doesn't use any images. The snow flakes are created using this small code block:

b {
    position:absolute;
    height:2px; width:2px;
    background:#FFF;
    box-shadow:0 0 5px #FFF;
}

The animation is done using the animation and the keyframes properties and it is done in such a way so that the looping of the animation is seamless. This will only work in Chrome or Safari.

Related:

• CSS Only Solar System Model
• Minions in pure CSS
• Multiple Box Shadows
• Clicking Game
• CSS3 Room