I’m Dudley Storey, the author of Pro CSS3 Animation. This is my blog, where I talk about web design and development with HTML, CSS and SVG. To receive more information, including news, updates, and tips, you should follow me on Twitter.

popular favourites

The Limits Of CSS3 Animation

Before you start to experiment in moving elements with CSS3 it’s useful to know what CSS3 can’t animate. In the current spec, the following properties cannot be manipulated with keyframes or transitions:

gradients
scrolling of the entire body
almost anything to do with the background property, including background-image and background-position

(A list of what the CSS3 spec currently can animate.)

While there are usually ways around these limitations – animating absolutely positioned images placed with a z-index, for example, instead of background-images, or animating SVG gradients – it’s good to know what CSS3 can’t do before you waste a lot of time and energy.

You must be signed up in order to leave comments.

web developer guide

featured comment

Aisling Brock Haha, that is actually incredibly clever.

by Aisling Brock in New Business Card Design 12 months ago

what i'm reading

: A Feast for Crows: A Song of Ice and Fire: Book Four

what i'm watching

: Prometheus: Collector's Edition (Bilingual) [Blu-ray 3D + Blu-ray + DVD + Digital Copy]

what i'm playing

: Borderlands

what i'm hearing

: Planets

blogs

podcasts

no ads ever

This blog is free of advertising, and always will be.

creative commons licensed

The content of this blog is free to use in whatever way you wish under the Creative Commons license.

demosthenes.info

featured articles