- 01
- 02
- 03
- 04
- 05
- 06
- 07
- 08
- 09
- 10
- 11
- 12
- 13
var step = 500;
function logo__rainbowAnimate () {
setTimeout(function() {$('.logo__rainbow').css('background-image', 'linear-gradient(90deg,#f00,#ff0 15%,#0f0 30%,#0ff 50%,#00f 65%,#f0f 80%,#f00)')}, step);
setTimeout(function() {$('.logo__rainbow').css('background-image', 'linear-gradient(90deg,#0f0 15%,#0ff 30%,#00f 50%,#f0f 65%,#f00 80%,#f00,#ff0)')}, step*2);
setTimeout(function() {$('.logo__rainbow').css('background-image', 'linear-gradient(90deg,#0ff 15%,#00f 30%,#f0f 50%,#f00 65%,#f00,#ff0 80%,#0f0)')}, step*3);
setTimeout(function() {$('.logo__rainbow').css('background-image', 'linear-gradient(90deg,#00f 15%,#f0f 30%,#f00 50%,#f00,#ff0 65%,#0f0 80%,#0ff)')}, step*4);
setTimeout(function() {$('.logo__rainbow').css('background-image', 'linear-gradient(90deg,#f0f 15%,#f00 30%,#f00,#ff0 50%,#0f0 65%,#0ff 80%,#00f)')}, step*5);
setTimeout(function() {$('.logo__rainbow').css('background-image', 'linear-gradient(90deg,#f00 15%,#f00,#ff0 30%,#0f0 50%,#0ff 65%,#00f 80%,#f0f)')}, step*6);
}
logo__rainbowAnimate();
setInterval(logo__rainbowAnimate, step*6);