CSS3 puts much more power in your hands and has added some features that move it from ‘styling’ into the behaviour layer, which has ruffled some feathers. Many people strongly believe that CSS should only control aesthetic styles, while others argue that behavioural interactions can fall under the umbrella of a site’s ‘style’. I’m still on the fence, but I’d like to discuss some advantages and disadvantages of both in respect to this area where they overlap: the behaviour layer. So let’s go for it.
Ease of use
CSS3 support for animations and transitions is still fairly new. As a result, it doesn’t have the benefit of years of tweaking and fine-tuning its performance. For example, neutroncreations.com/blog has a fun, fairly simple atom nucleus with two electrons orbiting it. In Chrome they eat up about 40 per cent of my CPU. The jQuery Circulate Plugin site has several similar animations and only consumes about 18 per cent. Not the most scientific of experiments, but certainly a worthwhile comparison.