how to remove weird lines on the spinner

Question

I am unable to figure out the reason for the lines appearing on the spinner. what css changes should I have to do in order to remove those lines?

I am using clarity ui framework for the spinner.

<img src="asyncImag|async" class="spinner spinner-lg full-media-image-shadow">

Please provide the CSS you are using to create the spinner, we cannot help you if we can't see the code — Architect Nate, Jun 25 '19 at 17:14
I have updated the qstn. I am using Clarity ui framework for the spinner — ark, Jun 25 '19 at 17:17
Kind of hard to reproduce. What is src="asyncImag|async" for ? An example with Fiddle might helpful in this case. — SScotti, Jun 25 '19 at 17:39
@sscotti Not sure, but in the docs its never in an image tag. https://clarity.design/documentation/spinners — brooksrelyt, Jun 25 '19 at 17:44
Maybe because of -shadow. just for testing remove full-media-image-shadow class and check. — Shivendra Singh, Jun 25 '19 at 17:44
I just tried the code on my local machine. It is not showing those lines. Are you sure this is all the code? This may be because of parent div or any other class — AdityaSrivast, Jun 25 '19 at 17:50

score 1 · Answer 1 · answered Jun 25 '19 at 17:51

Try that then. Put it in a span. Always helps to read the documentation. Not sure that will solve your issue, but seems to work in Fiddle.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/clarity-ui/0.10.28/clarity-ui.min.css" integrity="sha256-02co5CslX9xVo7lEtk1q9KPFqZoZo4Jvcb+XeQmQb+Y=" crossorigin="anonymous" />
<span  class="spinner spinner-lg full-media-image-shadow"></span>

how to remove weird lines on the spinner

1 Answers1