Animated 3D Chessboard With Pure CSS3. No Images. No JavaScript

HTML5, CSS3 and JavaScript

The Fine Art of Web Development by Martin Ivanov

I enjoyed coding this one last night. The word is about animated 3D chessboard, achieved with pure CSS, no images and no JavaScript, making use of nth-child selectors, 3d transforms, keyframe animations, generated content and the UTF symbols of the chess figures:


Supported Browsers:

Not really much of a practical value, I must admit, but showcasing the immense power of CSS3 which can be used today. Have fun and enjoy the weekend!

Related Posts and Links


Categories and Tags

© 2006 - 2024 Martin Ivanov