Rotating CSS Image Slider

I agree with what you are saying but this was a contrived example. The effect is "too the max" and not completely thought out from a UX perspective.

The downsides with flash were the accessibility issues and the fact that it was a browser plugin. This is baked directly into the browser and if coded correctly I think can be used sparingly for a good effect. As much as we browse the web for content, as long as it is displayed effectively (in a static or dynamic) manner is what counts.

Spot on. I've grown sick of these "amazing" or "beautiful", it's very relative, CSS animations. As you say it looks like what Flash was at the worst of its time or even before animated gif images were to geocities. I would be laughing if in a few years we'll look at these CSS3 animations the same way we look today at the ridiculous design of Geocities pages.

If you look at very CSS-heavy website around + JavaScript it brings to its knees my poor old computer (it's ridiculous, it's only 2 years old), it feels bulky and laggy, prevent me from copying sometimes even looking at things...

Doing complicated things with heavy CSS animation is (relatively) easy, but bringing to end users a simple yet elegant and useful design should be a webdesigner's job, not these hacky-scrolling features, stuff that swirl around making it impossible to copy or even to look at. For your nice CSS tricks leave it as easter eggs for your most attentive visitors, they'll love the feeling of having discovered something hidden.

In CSS animations, less should be more.

You read my mind with the comparison to flash. I've never in my life visited a fully flash-based website that didn't annoy the living heck out of me. Never. The transitions , no matter how quick, add up over time and become annoyances. So as excited as I think we all are about the future of CSS, there's a feeling of uneasiness about how those features are going to be used and what we're going to do WHEN, not if, but WHEN they get overused and over done.

I think now's the time to start working on a browser plugin that disables these "beautiful animations".

- Email introduced, email overused (spam, grey spam, newsletters) we started using spam filters.

- Ads introduced, ads became overused, we install ad blockers.

- Flash introduced, flash became overused, we installed flash blockers.

- Facebook/twitter/sharing Widgets introduced, became overused, we install widget blockers.

- 2012-2014. CSS animations and transitions introduced... you get the picture.

Try it now, I commented out the hover part as it might be causing the problems. Should work fine now.

Opera and IE are not supported

Try it again. I improved the code a bit