Hello!
I am trying to implement an effect, in which a picture disappears on scroll, using backface-visibility: hidden;
. It seems like there is a bug which prevents the picture from loading, as long as it is not cached. On refresh it works fine, just the initial load does not show the picture.
The relevant css looks like this:
`
.bg-img {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bg-img img {
position: absolute;
top: 0;
left: 0;
display: block;
min-width: 100%;
min-height: 100%;
}
`
Is there any way to get the same effect without backface-visibility? Or is there a fix for the bug?
Thank you so much for your help in advance!!