Asaf Zamir – Chief Technology Officer & AI/Cloud Consultant. Founder of CloudExpat, AZdev. Author of Coder to CTO.

This week, I have decided to do something special for Christmas. Adding some Jingle Bells to your website is nothing that hasn't been done before, but what about pure CSS jingle bells? Now that's something!

Every other week, even though I have been working with CSS for years, I learn something new about it. Some method, trick,or just some mistake I use to make and would like to inform other developers, so they won’t make the same mistakes I did.

Until recently whenever I had to do the simplest animation I always had to use JavaScript code. If you're using jQuery it's pretty easy to make simple effects. The most known ones would probably be slideDown() and slideUp(). Custom animation is also pretty easy with jQuery: 1 2 3 …