Css 3-d flip
If you are looking for something like this you are at right place, this is kind of a tutorial to do CSS 3-D flip.Okay lets get started with our HTML code.
Figure: Defines self-contained content, like illustrations, diagrams, photos, code listings, etc.
<section class="container" >
<figure class="back face"></figure>
Now lets start styling our HTML in CSS.
To activate 3-D space, an element needs perspective. The value of perspective determines the intensity of the 3-D effect. Think of it as a distance from the viewer to the object. The greater the value, the further the distance, so the less intense the visual effect.perspective: 2000; yields a subtle 3-D effect, as if we were viewing an object from far away.perspective: 100; produces a tremendous 3-D effect, like a tiny insect viewing a massive object.
margin: 10px auto 40px;
Last edited by jedaisoul; 07-02-2014 at 04:17 PM.
Reason: link removed - no spam please
Really nice. keep it up dude
Originally Posted by drwebsitesuk
I have completed this article in hours with a lot of effort, you have to just click a button to get updated with more such articles in future.Like our facebook page.
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)
Tags for this Thread