You can use the up, down, left, and right arrow keys to control this 3D cube, which is created based on Webkit-perspective,-webkit-transform and-webkit-transition.
A variety of 3D cubes using CSS3 and its properties ' transform ' and ' transition ', I personally feel the effect is very shocking, you can see writing on the 3D Cube on the perspective of very strong text.
Accordion menu effect using CSS3, based on WebKit browser proprietary properties.
Isocube is somewhat similar to a 3D cube, but there are differences, and it allows him to stick to the cube surface.
The Hacker Empire is one of the best science fiction adaptations, and now uses pure CSS to achieve matrix effects in movies.
The Polaroid Gallery is implemented by CSS3 technology to stack some photos together, and the interesting thing is that the hover photo is, the photo will rotate and slowly zoom in ~
CSS3 analog Mac OS menu ...
The effect uses a CSS3 transition and a bit of HTML, and putting a record album on it will look more vivid.
The first CSS3 per-frame animation instance requires you to continue using the mouse to click on the picture, when playing to the last frame it will automatically play the first frame, so loop, but the first instance can only be implemented in Firefox and opera. The second CSS3 per-frame animation instance requires you to use the mouse to move on the picture, is still mousemove this action, as long as the mouse in the mobile image animation will continue to play, but the speed of the animation is related to the speed of your mouse movement, the instance supports Safari, Google Chrome, IE8, Firefox and Opera.
Reproduced in original: using CSS3 to make 50 super-awesome animation effects tutorial (Bin go)
50 Awesome animation effects tutorials with CSS3