Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 3, 2022 at 8:13 am #1363709
    Guenni007

    nice update !
    but on blur ? might it be better to set a overflow:hidden to the parent container?
    I am still not sure myself which I think is better – see: https://enfold.webers-webdesign.de/image-blur-on-hover/

    .av-hover-blur .avia-image-overlay-wrap {
  overflow: hidden !important;
}
    September 4, 2022 at 11:52 pm #1363856
    Mike

    Hey Guenter,
    Thank you for your test page, I think that I prefer your overflow:hidden to the parent container, it is a slight difference, mostly the image edge is sharper.
    But I’m not so sure many users will notice it, I’m glad that you pointed it out, and I’m interested in seeing what the rest of the team thinks.
    I added this to our internal Slack for everyone’s attention.
    Thanks again 👍 🙂

    Best regards,
    Mike

    October 7, 2022 at 12:23 am #1367881
    Guenni007

    Disadvantage of the overflow hidden will be if you like to have box-shadow and blur. this will end in a somehow slightly inset shadow.

    October 7, 2022 at 2:06 am #1367884
    Mike

    Hi,
    I see, good point, thanks.

    Best regards,
    Mike

    October 7, 2022 at 7:40 am #1367905
    Guenni007

    yes – but this is standard behavior on images with copyright – then the class av-has-copyright will set the parent to overflow: hidden too.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.