Animate element with CSS3 after jQuery .append()

A simple jQuery example how to animate an HTML element using CSS3 after appending the element to a container. For those that have tried animating an element using CSS3 after it has been appended would have found the element doesn’t animate but here is a solution I’ve found that using keyframe animation worked for me.

Animate content on scroll

A simple jQuery example of animating content when scrolling down the browser window. Using the small jQuery function adds a CSS class to two elements and animation is purely handled by CSS3, great method for those that want to separate animation from jQuery.