Line | |
---|
1 | /* from http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/ thx ! */ |
---|
2 | ul.thumbnails { |
---|
3 | list-style: none; |
---|
4 | margin: 0; |
---|
5 | overflow: visible; |
---|
6 | padding: 50px; |
---|
7 | display: inline-block; |
---|
8 | } |
---|
9 | ul.thumbnails li { |
---|
10 | margin: 0; |
---|
11 | padding: 5px; |
---|
12 | float: left; |
---|
13 | position: relative; /* Set the absolute positioning base coordinate */ |
---|
14 | width: 110px; |
---|
15 | height: 110px; |
---|
16 | } |
---|
17 | ul.thumbnails li img { |
---|
18 | width: 100px; |
---|
19 | height: 100px; /* Set the small thumbnail size */ |
---|
20 | -ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */ |
---|
21 | border: 1px solid #ddd; |
---|
22 | padding: 5px; |
---|
23 | background: #f0f0f0; |
---|
24 | position: absolute; |
---|
25 | left: 0; |
---|
26 | top: 0; |
---|
27 | } |
---|
28 | .thumb_jpolaroid.hover { |
---|
29 | box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.85); |
---|
30 | -moz-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.85); |
---|
31 | -webkit-box-shadow: 6px 6px 8px rgba(0,0,0, 0.85); |
---|
32 | } |
---|
Note: See
TracBrowser
for help on using the repository browser.