White blur around image when using CSS3 blur filter?

后端 未结 1 966
情书的邮戳
情书的邮戳 2021-01-11 16:17

Today I though I\'d redesign my website and approach it from a different way. Instead of focusing on typography I though I\'d just add a big image and little text. I simply

相关标签:
1条回答
  • 2021-01-11 16:50

    If it's a possibility for you, a good workaround that I found is to make the image larger than the containing <div>, and also to clip the edges with an overflow: hidden.

    In your case, because it's the whole <html> tag, I'd put the image in a <div> with the following CSS:

    position: fixed;
    top: 0;
    left: 0;
    transform: scale(1.02); # or whatever scale amount removes the border
    

    This always works for me.

    0 讨论(0)
提交回复
热议问题