Related posts to css3
One of the more eye catching additions to the CSS3 spec is the introduction of 3d transforms. These allow elements to be manipulated and controlled within a 3d space, allowing for a wider range of transformations and transition to happen. Still very much an emerging standard and currently only supported in Safar 4 and up, Chrome 12 and iOS, with IE10 promising future support then other browsers will surely add support over time. Despite this lack of widespread support, there's still no reason to put off designing with them now, and by utilising Modernizr, we're able to target those browsers without support for 3d transforms and provide an appropriate alternative.
I tested this in Chrome 13 and to ensure the full effect I had to apply a border to the "facing" element to ensure that it rendered consistently in Chrome. It seems a weird bug and one I'm sure the Chrome team are working on to resolve.
The CSS3 spec has brought us web designers a lot of great stuff - typographic control, gradients, and image-free shadows to name but a few. One of the more experimental properties that the new specification brings is CSS animation.
There have been a bunch of smart people doing things with CSS animation, and it's evolving pretty quickly. I took it upon myself to create a library of pre-written CSS animations called animate.css, (inventive name, I know) and here I'll go through the process of building a CSS powered slider with a jQuery fallback.
We won't need a lot for this sl