// Animated Christmas

// CSS3 animation experiment

Role: Design and development

Technologies used: HTML, CSS3, SCSS, Grunt, Javascript

This was a 12-hour personal experiment in CSS3 animation. The animation is triggered by a mouse hover, and this was translated to a touchStart Javascript event to enable compatability with iOS and Android devices.

Aside from the animation, the project makes use of a range of CSS3 techniques, to such an extent that only one image is used in the animation - that of the background - all other graphics are generated with CSS3.

View GitHub repository

See the Pen myOGyY by Gem Barrett (@gembarrett) on CodePen.