Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 1, 2015 at 11:26 am #545056
    ykblue

    Hi there,
    within the portfolio grid with the featured images I would like to see that the image hover effect has the same appearance like the overlay on a single image.
    Please point me into the correct direction on how to achieve this.
    I was giving the css sepia-filter a triy, but the there is no color control.

    Thanks in advance

    December 1, 2015 at 2:34 pm #545189
    Yigit

    Hey ykblue!

    Please add following code to Quick CSS 

    .grid-entry .inner-entry:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 1.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: all 1.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

    Best regards,
    Yigit

    December 1, 2015 at 11:03 pm #545651
    ykblue

    Thanks Yigit.
    I think there are still some lines missing for the state of hovering out. It is now not smooth at all, it just cuts off very rough.
    And – sorry if I was not clear enough in my initial question – I would like to change the grayscale filter to the colored overlay #5b3e1e I have on the front page images at the bottom of the front page.
    Thanks again for your support.

    Best regards,
    ykblue

    December 2, 2015 at 2:17 pm #545874
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .grid-entry .inner-entry img {
    -webkit-transition: all 1.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: all 1.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

    It would not be easily possible to change background color.

    Best regards,
    Yigit

    December 2, 2015 at 3:32 pm #545906
    ykblue

    Hi Yigit,
    your suggestion works fine, thanks for your support!

    Best regards
    ykblue

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Portfolio grid image hover’ is closed to new replies.