JSFiddle - React, Tailwind, and code Playground

by dkunin

HTML

<div class="blinking"></div>
<div class="example"></div>

CSS

.blinking {

     background:url('http://clients.e-learningcenter.ru/files/demos/x5/img/butt_c.png') no-repeat center left;
    opacity:1;
    width:50px;
    height:50px;
}
.blink {
opacity:1;
 background:url('http://clients.e-learningcenter.ru/files/demos/x5/img/butt_w.png') no-repeat center left;
}


.example{
     background:url('http://clients.e-learningcenter.ru/files/shower.png') no-repeat center left;
    
    width:100px;
    height:100px;
    margin-top:0px;
    margin-left:0px;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.red{

margin-top:50px;
    margin-left:50px;
}

JavaScript

(function(c){var p="__timeouts",r="__intervals",j="object",g="function",k="number",t="undefined",q={};function f(w,v){w=w||[];for(var u=0;u<w.length;u++){if(w[u]===v){if(u<w.length-1){w[u]=w.pop();u--}else{w.pop()}}}return w}function o(v,u){v=v||[];v.push(u);return v}function e(v){var w={},u={k:q,h:w},x;for(x in v){if(typeof v[x]===g){(function(y){w[y]=function(){u=u.e={n:y,a:arguments,k:q};return w}})(x)}}return u}function n(v,x,u){var A,w,y;for(A=v.e,w=x,y=u;A;A=A.e){var B=w[A.n];if(B===b){var z=b.call(w,A.a[0],y);if(z){if(typeof y.r===j){y.r.i=true}else{window.clearInterval(y.r)}y.x.each(function(){f(c(this).data(r),y.r)});y=z}else{if(typeof y.r===j){A={}}else{break}}}else{if(B===i){i.call(w,A.a[0],A.a[1],y,A);break}else{if(B===m){m.call(w,A.a[0],y,A);break}else{if(B===a){w=a.call(w,A.a[0],y)}else{w=B.apply(w,A.a)}}}}if(!A.e){for(;y&&(y.k===q)&&(typeof y.r===j);y=y.v){if(!y.r.i){w=y.x;A=y.o;y.c++;break}}}}}function m(y,u,w){var x=this,v=(w&&w.k===q)?w:e(x),z=window.setTimeout(function(){n(v,x,u);x.each(function(){f(c(this).data(p),z)})},Math.max(1,(typeof y===g?Number(y.call(x)):y)||0));this.each(function(){c(this).data(p,o(c(this).data(p),z))});return v.h}function s(){this.each(function(){c.each(c(this).data(p)||[],function(){window.clearTimeout(this)})});return this.data(p,[])}function i(z,x,u,w){var y=this,v=(w&&w.k===q)?w:e(y),A;if(z){A=window.setInterval(function(){u.c++;n(v,y,u)},Math.max(1,(typeof z===g?Number(z.call(y)):z)||0))}else{A={i:false}}u={c:0,x:y,r:A,v:(u&&u.k===q)?u:{},k:q,o:v};this.each(function(){c(this).data(r,o(c(this).data(r),A))});if(x||!z){window.setTimeout(function(){u.c++;n(v,y,u)},0)}return v.h}function d(){this.each(function(){c.each(c(this).data(r)||[],function(){if(typeof this===j){this.i=true}else{window.clearInterval(this)}})});return this.data(r,[])}function h(w,y,u){var v=[],x;for(x=u;x&&(x.k===q);x=x.v){v.push(x.c)}return y.apply(w,v)}function b(v,u){if(!u||u.k!==q){throw new Error(".until() method cannot be called without...