DEV Community

Discussion on: Pure CSS Material design loader

Collapse
 
posandu profile image
Posandu

Now It's fixed 😉 Thanks @afif

Collapse
 
afif profile image
Temani Afif

not really, you made it more complex now. You only need to prefix the mask property and keep the gradient as it is:

mask-image: linear-gradient(transparent 50%, white 50%),
    linear-gradient(to right, transparent 50%, white 50%);
-webkit-mask-image: linear-gradient(transparent 50%, white 50%),
    linear-gradient(to right, transparent 50%, white 50%);
Enter fullscreen mode Exit fullscreen mode

And please remove all the other prefixes you added to animations, they are useless.

Thread Thread
 
posandu profile image
Posandu • Edited

🤦‍♂️

Thread Thread
 
afif profile image
Temani Afif
Thread Thread
 
posandu profile image
Posandu

👍

I've updated the code.