Wednesday, August 24, 2016

FREE 3D IMAGE HOVER EFFECT FOR WEBSITE

FREE 3D IMAGE HOVER EFFECT FOR WEBSITE


3d Thumbnail Hover Effects
Hi guys here is cool image hover effect that i am going to share with you.Today we want to show you how to create some exciting 3D hover effects using CSS3 and jQuery. This idea is inspired by the cool hover effect that you can find on the page of the Google SketchUp Showcase.
In our examples, we’ll use thumbails that will reveal some more information on hover. We will create a structure with jQuery that will allow making the image appear as folded or bended when we hover over it. For the hover effects we will use CSS 3D transforms.

THE MARKUP

The markup for the thumbnail structure will be as follows:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<div id="grid" class="main">
  
    <div class="view">
        <div

Go to link download

Posted by at