benw2/wezm.net
1
0
Fork 0
forked from wezm/wezm.net
Code Pull requests Activity

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

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

10
content/screen.sass
View file

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

BIN
output/images/photos.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 99 KiB

After

Width:  |  Height:  |  Size: 99 KiB