css-loaders icon indicating copy to clipboard operation
css-loaders copied to clipboard

Transparent Background

Open benjaminprojas opened this issue 9 years ago • 2 comments

When trying to use transparently, most of these loaders do not work well. Any chance they could be tweaked to work in a transparent environment?

benjaminprojas avatar May 01 '15 13:05 benjaminprojas

Only two of the loaders require a solid background colour, loaders 2 and 3. There is really no way of avoiding this at the moment. Ideally loader 3 could be achieved using border gradients but unfortunately border gradients can't be combined with border-radius. Another alternative that would be nice to have is to use CSS masking to create an exclusion but that currently only works with images.

lukehaas avatar May 16 '15 11:05 lukehaas

You could try not setting the color in the box shadow property. It will default to the color of the element instead making it more flexible.

chrisnicola avatar Jul 14 '15 23:07 chrisnicola