Animation Examples

The below examples showcase some of the animation effects we are capable of producing. We can tailor effects to your specific branding and style, this is just a few examples to give clients an idea of what we do.

This page may load slowly, or lag due to the number of examples contained. You can always visit the CodePen of each example by clicking “Edit on CodePen” to experience lag free (and play with the code if you like).

Text Animations

See the Pen Animated Verbs by Rich Legg (@webdog-rich) on CodePen.

(scroll down in iframe for more effects)

See the Pen Opening Sequence by Rich Legg (@webdog-rich) on CodePen.

See the Pen Animated Verbs II by Rich Legg (@webdog-rich) on CodePen.

(scroll down in iframe for more effects)

See the Pen Typing Effect by Rich Legg (@webdog-rich) on CodePen.

Hover Effects

Transition Animations

Click one of the below

Full screen takeover effect #1

Full screen takeover effect #1

Full screen takeover effect #1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus consectetur augue mi, vel vulputate tortor finibus lacinia. Praesent ut congue lectus, at pretium turpis. Suspendisse ultricies pulvinar urna. Morbi et suscipit ex. Morbi ut quam id magna posuere posuere. Maecenas sed volutpat justo. Integer lobortis malesuada massa vel mollis. Mauris faucibus efficitur tortor eu mattis. Sed turpis elit, dapibus eget vestibulum ut, ullamcorper ut odio. Sed arcu elit, luctus vitae diam a, condimentum laoreet enim. Quisque a ante et ex condimentum placerat. Maecenas suscipit, velit ac maximus tristique, massa nisl volutpat odio, nec molestie leo purus sed metus. Donec rhoncus, neque et vestibulum consequat, leo risus hendrerit felis, eget laoreet justo risus et ipsum. Quisque malesuada, velit vel finibus dignissim, sapien massa aliquam odio, in ornare metus turpis convallis nisl. Nam iaculis mauris id magna sodales fermentum. Duis viverra magna eget lacus interdum consectetur. Aenean sit amet hendrerit lectus. Integer sodales tempus ligula id interdum. Vivamus efficitur semper sem, sit amet convallis velit dapibus at. Sed luctus dolor nec convallis cursus. Sed ultrices luctus mollis. Cras nec augue non massa congue blandit nec nec urna. Integer vehicula augue libero. In at purus vitae eros aliquet commodo in sed libero. Mauris ex ipsum, blandit sit amet venenatis eu, bibendum sed tortor. Nulla blandit, dolor eu ultricies efficitur, tortor enim consectetur turpis, in tempus augue risus ut ipsum. Phasellus aliquam nibh diam, non suscipit nulla varius id. Etiam rutrum orci diam, quis iaculis augue tincidunt eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent elit est, molestie nec efficitur ac, convallis ut metus. Etiam faucibus id sem non gravida. Sed scelerisque fermentum lorem, venenatis tempor tellus efficitur eu. Suspendisse dignissim quam non enim congue auctor. Quisque bibendum erat et leo feugiat, ut mollis sem varius. Praesent volutpat urna a arcu porta, nec efficitur dolor dapibus. Aliquam erat volutpat. Nunc vehicula varius est eu ultricies. Donec interdum pretium nisi, non imperdiet ipsum gravida ullamcorper. In ornare semper aliquam. Ut volutpat, augue a semper tempus, sapien quam euismod nisi, et semper orci erat ut nisi. Cras tellus orci, ullamcorper mollis lobortis sit amet, aliquet in neque. Nunc pharetra faucibus sapien, at dictum dui rutrum sed. Nam vitae mi pretium, pulvinar ante id, rutrum odio. Pellentesque mattis finibus tortor. Nam vitae finibus dolor. Nunc non magna tincidunt, suscipit nisl a, ornare tortor. Nunc cursus facilisis neque, in rutrum nisl semper in. Nunc facilisis urna libero, quis luctus quam viverra id. Maecenas sed ex ullamcorper, ultrices urna eget, eleifend magna. Proin id tristique neque, non ullamcorper lorem. Aenean congue interdum facilisis. Sed tincidunt purus augue, ut mollis magna porttitor sit amet. Proin sollicitudin ex non diam imperdiet, cursus vestibulum libero pulvinar. Sed sit amet massa ultricies massa fermentum cursus. Nulla semper gravida diam dapibus consequat. Integer porta dolor et tempor condimentum. Maecenas vitae ante ut ante rhoncus convallis nec nec turpis. Duis eleifend erat et magna faucibus, at aliquam mauris consequat. Vestibulum nec neque ut eros accumsan faucibus a in ipsum.