Yolandi
-
Posts
6 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by Yolandi
-
-
Hi,
I am trying to create a list item hover effect. I'd like all images to be black and white and turn back to color on hover. I'm using the following code, which is working for the black and white effect. However, it's not transitioning to color on hover.
section[data-section-id="61f056b8625ae6798a21c5d0"]
.list-item .list-image
{filter: grayscale(100%);}
.list-item:hover .list-image
{filter: grayscale(0%);}Finally, I'd also like the transition to be smooth, so maybe take half a second.
This is the website: https://biosymetricswebsite.squarespace.com/
Do you have any suggestions?
Thank you!
-
That worked, thank you so much!
-
-
Site URL: https://dog-cornet-76am.squarespace.com/
Hi,
I have some text and a button on my homepage over a background image that I would like to move below the image on mobile only. I got some custom css, but it doesn't seem to be working. Do you have any suggestions?
How to create list image hover effects
in Customize with code
Posted
I was able to get the correct code from Tuan, see below!
filter: initial !important;
}