<p class="my-element loader">
I can add the class 'loader' when I need it.
</p>
.my-element {
font-family: sans-serif;
}
.loader::after {
content: "";
background: url(https://loaders.holasvg.com/my-loader.svg) no-repeat;
display: inline-block;
background-size: 50px;
vertical-align: middle;
height: 50px;
width: 50px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.