Put the mono version of an thumb first in the sprited image

So that when the image loads the colour version isn't visible until the mono version loads
This commit is contained in:
Wesley Moore 2010-06-28 07:54:45 +10:00
parent 0ac452a521
commit 76a694f442
2 changed files with 4 additions and 6 deletions

View file

@ -254,20 +254,20 @@ a
ul
display: block
// width: 5000px
height: 100px
height: 75px
overflow: hidden
margin-top: 1em
li
float: left
overflow: hidden
margin: 1em 0 0 1em
margin: 0 0 0 1em
display: block
position: relative
height: 75px
width: 75px
border: 1px solid #ccc
background: url(/images/photos.jpg) no-repeat 0 0
background: url(/images/photos.jpg) no-repeat 0 -75px
&:first-child
margin-left: 2em
@ -275,10 +275,8 @@ a
img
-webkit-transition: opacity 500ms ease-out
position: absolute
top: -75px
&:hover
//top: 0
opacity: 0
a.more

Binary file not shown.

Before

Width:  |  Height:  |  Size: 99 KiB

After

Width:  |  Height:  |  Size: 99 KiB