CSS3 Rotation Animation
Rotate Horizontally
Tap the Card
See the front then the back of a playing card. Add rotating graphics to Web pages and Web games. A playing card appears to rotate around the X axis. This example's for the book HTML5 Rotation: CSS3 & JavaScript.
HTML5 Rotation: Kindle
This short book explains how to use CSS3 and JavaScript together to rotate an image both vertically and horizontally. The first section covers vertical animation. The second section covers horizontal animation. The vertical animation appears to rotate a card 360 degrees around its left edge. The horizontal animation project then builds on information provided in the section about vertical animation. The horizontal animation appears to flip a playing card over. First you see the front of the card, then you see the back of the card.
The entire CSS and JavaScript's included in the book. You can also link to the projects online. Hopefully this book helps you learn a little more about Web development.
Select a Country. E-book on Amazon Kindle:
Buy HTML5 Rotation
plus HTML5 Color Animation
and
HTML5 Sprite Sheets
for an overall reduced price with HTML5 3 Books in 1
!