search

notiflix / Notiflix

Notiflix is a pure JavaScript library for client-side non-blocking notifications, popup boxes, loading indicators, and more that makes your web projects much better.
https://notiflix.github.io
MIT License
635 stars 55 forks source link

CLOSED: blur background text ! #21

Closed suryansh4u closed 4 years ago

suryansh4u commented 4 years ago

how to blur background text while Notiflix Loading is active ???

This can also be done in this way:--- https://leerob.io/static/images/loading-placeholder-with-sass/example.gif

furcan commented 4 years ago

Hi, Firstly thanks for using the Notiflix.

There is no option to blur any text or background for any of the Notiflix module.

Thanks.

Additionally;

You can use the backdrop-filter property (CSS) to blur any of the backgrounds.

So maybe you can write a custom CSS for the Loading module as below.

div#NotiflixLoadingWrap {
    backdrop-filter: blur(0.5rem);
}

Also, please feel free to visit: https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter