:valid, :invalid, and :required CSS Pseudo Classes
Each state is colon-separated from the element it's associated with:
/* basics */
border: 1px solid blue;
border: 1px solid green;
border: 1px solid red;
These pseudo classes are straight forward and useful. Here we're changing only borders, but you could use
:after to place text or an image next to each field, representing their state.
CSS animations are a lot of fun; the beauty of them is that through many simple properties, you can create anything from an elegant fade in to a WTF-Pixar-would-be-proud effect. One CSS effect somewhere in between is the CSS flip effect, whereby there's...
CSS has become more and more powerful over the past few years and CSS transforms are a prime example. CSS transforms allow for sophisticated, powerful transformations of HTML elements. One or more transformations can be applied to a given element and transforms can even be animated...