CSS Animations

Ooh, the horror (animation does not belong to the presentation layer of your project!)

Elsewhere

2 Responses to CSS Animations

  1. Wolf says:

    :hover, :active and :focus are interaction too – it’s a thin line.

  2. Bramus! says:

    Correction: :hover, :active and :focus are states / pseudo-classes / (parts of) selectors, which you get after/during an interaction (:rotated for example could be a new state).

    The animation stuff proposed are CSS are no states, nor are they properties (I’ve got nothing against setting a -webkit-transform: scale(1.0) rotate(45deg);, that’s fine and dandy)

    The animation is a bridge too far imo: the css syntax changes, it breaks the “structure-presentation-interaction” (xhtml-css-js) tripod, etc. … animation has no place in CSS, it should go in the JS part of the project.

    Oh, if Apple/someone else were to define a css syntax where you can set a link to be opened in a popup (viz. a.popup { click { target: popup; widt: 468px; height: 100px; border: true; }, color: #0000FF }), wouldn’t you find that gruesome/unethical/malpractice? I surely would I must say!

    Now think of it … where to we put that type of behavior nowadays? Oh yes, in the javascript ;)

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>