Tag: css animation

In this quick tip, we show how easy it is to add animated background gradients and images to text on the Web, with handy demos.

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.

Do animations need JavaScript? No! Learn some amazing CSS animation tricks you can perform with just a small amount of really cool CSS.

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

Michael Romanov explains how you can build a frame by frame animation with just HTML, CSS and JavaScript which performs well and works great on all browsers

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.

Paul Wilkins shares the best from the web over the last week, including animation, hyperlapse and the question of whether JavaScript sucks.

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.

Time to do something silly with CSS — construct a playable game -- Pong. No JavaScript or Flash. Just HTML, CSS3 and a healthy dollop of nutty professor.