Showing posts with label Effects; CSS. Show all posts
Showing posts with label Effects; CSS. Show all posts

November 29, 2013

Create a 3D Book Animation with CSS

For his  new book, Photography for Designers, author Tom Kenny wanted to do something interesting with the image of the book itself on the website. His first thought was to perfectly render a physical book in Photoshop, right down to the very last detail but then he decided to do something interesting with CSS. Read what Tom has done: With the introduction of transforms in CSS, we can now replicate 3D objects. The 3D book I’ve created consists of two elements, the spine and the cover. Step 1 The HTML <div class="book-container"> <div class="book"> <div class="book-cover"> ...