Reply To: CSS only snow fall

[Shikkediel]

Interesting read indeed. But for some reason the snow is not animating with Firefox on the page with the rewritten code?

Edit – not sure if it is breaking things with FF but I noticed a typo in the webkit animation:

@-webkit-keyframes snow-1 {
    0% { -webkit-transform:translate3d(0,0,0) }
    50% { -webkit-translate3d(500px,500px,0) }
    100% { -webkit-translate3d(500px,1000px,0) }
    }

@-webkit-keyframes snow-2 {
    0% { -webkit-translate3d(0,0,0) }
    50% { -webkit-translate3d(100px,200px,0) }
    100% { -webkit-translate3d(0,400px,0) }
    }

@-webkit-keyframes snow-3 {
    0% { -webkit-translate3d(0,0,0) }
    50% { -webkit-translate3d(-100px,150px,0) }
    100% { -webkit-translate3d(0,300px,0) }
    }

Only the first one has transform included…

I suspect that may be it though, Mozilla seems to have included webkit prefixed support at some point. The first rule of the broken animation could be keeping the other one at the beginning.