Tagged: , , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 5, 2015 at 12:10 pm #439652
    raslade

    Hi there

    I’ve inserted a masonry item with a custom ID which i’d like to begin at grayscale then when you hover over each item changes to colour. I’ve got it working with the following code but the whole section changes to colour not just the individual item. Is there a way to fix? Thanks

    #work-other .av-fixed-size .av-masonry-image-container {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);}
#work-other:hover .av-fixed-size .av-masonry-image-container {
    -webkit-filter:none;
  filter: none;
-webkit-transition: all 0.4s linear;}
    May 6, 2015 at 4:20 pm #440431
    Elliott

    Hi raslade!

    Try this instead.

    #work-other .av-fixed-size .av-masonry-image-container {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);}
#work-other .av-fixed-size .av-masonry-image-container:hover {
    -webkit-filter:none;
  filter: none;
-webkit-transition: all 0.4s linear;}

    Cheers!
    Elliott

    May 6, 2015 at 4:25 pm #440442
    raslade

    Hi Elliott – marvellous. How annoying I was nearly there but had the hover in the wrong place.

    Thank you.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Fixed size masonry grayscale, then colour on hover’ is closed to new replies.