Hello! I have some custom css for a div that makes it looks like frosted glass. If I turn off “reveal sections on scroll” the glass effect does work on both safari and chrome but once i turn the “reveal sections on scroll” on safari works fine but on chrome, it does go opaque but does not have any white. If you could help me that would be awesome!
here’s the CSS code:
.slideshow__text.banner__box {
background: rgba(255, 255, 255, 0.4);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(15px); /* For Safari */
border-radius: 10px;
}
@media only screen and (max-width: 767px) {
.slideshow__text.banner__box {
width: 80;
}
}
a {
background-color: black;
color: white;
}
the website is https://dallaspercussion.com
Here are some screenshots
Safari:
chrome:
If I could keep the setting on, that would be awesome because everything looks cleaner. Thank you!