nolimits4web / swiper

Most modern mobile touch slider with hardware accelerated transitions
https://swiperjs.com
MIT License
40.08k stars 9.74k forks source link

When usign backdrop-filter, the filter effect goes away while slider finishes to move #4073

Closed cyroassis closed 3 years ago

cyroassis commented 3 years ago

This is a (multiple allowed):

What you did

.slider__item {
  height: 200px;
  margin: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font: 24px arial;
  background: rgba(255,255,255,0.5);
  backdrop-filter: blur(10px);
}

Expected Behavior

I would like my slides to have the glassmorphism effect, so the slider would blurry the background image on the page.

Actual Behavior

the backdrop-filter goes away right after I release the mouse button, and comes back after the slider finishes moving. If I use other effect, like coverflow, it looses even the rotation and depth effect while moving.

nolimits4web commented 3 years ago

Closing as not related to Swiper