JSFiddle - React, Tailwind, and code Playground

by Vladimir Sobolev

HTML

<div dir="ltr" style="overflow: hidden;">
    <div class="tmp-class-name">
        <div class="disqus-loader"></div>
    </div>
</div>

CSS

.disqus-loader {
    animation:disqus-embed-spinner .7s infinite linear;
    -webkit-animation:disqus-embed-spinner .7s infinite linear width: 29px;
    height: 29px;
    margin: 11px 14px;
    transform-origin: 50% 50% 0px;
    background-image: url(http://a.disquscdn.com/next/assets/img/loader-bg.aab79aac7146e054d372b00794ea3b14.png);
    background-position: -54px 0px;
    background-repeat: no-repeat;
}
.tmp-class-name {
    height: 51px;
    width: 54px;
    margin: 0px auto;
    overflow: hidden;
    background-image: url(http://a.disquscdn.com/next/assets/img/loader-bg.aab79aac7146e054d372b00794ea3b14.png);
    background-repeat: no-repeat;
}
@keyframes disqus-embed-spinner {
    0% {
        transform:rotate(0deg)
    }
    100% {
        transform:rotate(360deg)
    }
}
@-webkit-keyframes disqus-embed-spinner {
    0% {
        -webkit-transform:rotate(0deg)
    }
    100% {
        -webkit-transform:rotate(360deg)
    }
}