Community @ The Turning Gate

Support community for TTG plugins and products.

NOTICE

The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.

This forum is now closed, and exists here as a read-only archive.

  • New user registrations are disabled.
  • Users cannot create new topics.
  • Users cannot reply to existing topics.

You are not logged in.

#1 2015-10-08 20:56:03

megalumen
Member
From: Germany
Registered: 2015-08-30
Posts: 11
Website

Colored thumbnails on mouse over

Hello Rod,
on your website you describe how to use CSS filters for thumbnail hover effects. I want to make it in style the thumbnails are gray and change to colored thumbnails on mouse over. Is this possible?

Greetings
Uwe


Greetings from Germany
Uwe

CE4 Web Publishing Bundle & Stage

Offline

#2 2015-10-08 21:28:03

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: Colored thumbnails on mouse over

yep, see: http://community.theturninggate.net/top … ouse-over/

(which is where the idea for the blog post came from)


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

#3 2015-10-08 22:23:10

megalumen
Member
From: Germany
Registered: 2015-08-30
Posts: 11
Website

Re: Colored thumbnails on mouse over

Hello Rod,
I make it like this:

/*-------for standard grid-------*/
.the-grid img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.the-grid img:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}

and it works fine.

Last edited by megalumen (2015-10-08 22:23:26)


Greetings from Germany
Uwe

CE4 Web Publishing Bundle & Stage

Offline

#4 2015-10-08 22:26:59

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: Colored thumbnails on mouse over

that's the solution.

I thought about adding that twist to the blog post yesterday. Maybe I'll go do that now.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

Board footer

Powered by FluxBB