How this is happening

Hi I can’t figure out the css or maybe javascript for hover affect when you hover over the clients.

Sorry if this isn’t a good post I just really want to know how they’ve done this

http://www.thisisdk.com/clients

It’s called a css sprite. A limited viewport of the image is shown, then on hover, the top margin is changed to show the alternate image

http://www.thisisdk.com/sites/default/files/content/client/logo_cool/digitalkitchen_tclv_clientpage.jpg

1 Like

Thanks alot

What I’m seeing is opacity properties changing on hover. It’s being done by script not css for some reason.

1 Like

Ugh…you’re right, which makes no sense since they’re duplicating css hover functionality with JS. :banghead:

1 Like

I just couldn’t work out how they are using the sprite.
To blend the opacities there must be two of the image with different positioning.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.