mirror of
https://github.com/wezm/wezm.net.git
synced 2024-12-18 18:29:54 +00:00
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:
parent
0ac452a521
commit
76a694f442
2 changed files with 4 additions and 6 deletions
|
@ -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 |
Loading…
Reference in a new issue