There are lots of cool ways to add interest and delight to your web pages with CSS. Learn how to create an animated CSS typewriter effect.
Tag: css animation
Think of CSS animation as the more sophisticated sister to CSS transitions. Animations differ from transforms in a few key ways, which we'll explore in this article
Simon Codrington illustrates some stunning UI design ideas using CSS animation and gradients to inspire your creativity for your next website project.
Maria Antonietta Perna presents some front-end learning resources and the new SitePoint Premium's CSS Animation course by Donovan Hutchinson
In this first article of a series on dynamic DOM animation, Maria Antonietta Perna explores Anime.js, a new library to make the web come to life.
Simon Codrington looks at how to animate individual characters using CSS animations and some simple jQuery.
George shows you how to use jQuery and CSS keyframe animations to build an animated list filtering component.
Artem Tabalin shows you how to improve the performance of your CSS animations by taking advantage of hardware acceleration.
With the help of some audio software, Mihaela Jurkovic demonstrates how to sync CSS animations with HTML5 audio for some potentially useful effects.
In this screencast I'm going to show you how to refactor your CSS to improve and smoothen your animations.
In this video we'll look at CSS animations, frame rates, and why some CSS properties are better to animate than others.
You've probably created CSS3 animations. But have you used the animation-fill-mode property and all its possible values? Louis takes a look, with visuals.
Getting your head around CSS animation can be tricky but Elio has a great tool to get you started. Bounce.js is free, funky and functional.