JSFiddle - React, Tailwind, and code Playground

by roman01la

HTML

<div class="wrap">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</div>

CSS

.wrap {
    width: 400px;
    height: 300px;
}

.wrap div {
    background-image: url(http://www.w3.org/html/logo/img/class-header-css3.jpg);
    background-size: 400px 300px;
    width: 100px;
    height: 100px;
    float: left;
}

.wrap div:first-child {
    background-position: 0 0;
    -webkit-animation: anim 6s linear infinite;
}

.wrap div:nth-child(2) {
    background-position: -100px 0;
    -webkit-animation: anim 6s 0.5s linear infinite;
}

.wrap div:nth-child(3) {
    background-position: -200px 0;
    -webkit-animation: anim 6s 1s linear infinite;
}

.wrap div:nth-child(4) {
    background-position: -300px 0;
    -webkit-animation: anim 6s 1.5s linear infinite;
}

.wrap div:nth-child(5) {
    background-position: 0 -100px;
    -webkit-animation: anim 6s 2s linear infinite;
}

.wrap div:nth-child(6) {
    background-position: -100px -100px;
    -webkit-animation: anim 6s 2.5s linear infinite;
}

.wrap div:nth-child(7) {
    background-position: -200px -100px;
    -webkit-animation: anim 6s 3s linear infinite;
}

.wrap div:nth-child(8) {
    background-position: -300px -100px;
    -webkit-animation: anim 6s 3.5s linear infinite;
}

.wrap div:nth-child(9) {
    background-position: 0 -200px;
    -webkit-animation: anim 6s 4s linear infinite;
}

.wrap div:nth-child(10) {
    background-position: -100px -200px;
    -webkit-animation: anim 6s 4.5s linear infinite;
}

.wrap div:nth-child(11) {
    background-position: -200px -200px;
    -webkit-animation: anim 6s 5s linear infinite;
}

.wrap div:last-child {
    background-position: -300px -200px;
    -webkit-animation: anim 6s 5.5s linear infinite;
}

@-webkit-keyframes anim {
    0% {-webkit-filter: blur(0);}
    40% {-webkit-filter: blur(5px);}
    100% {-webkit-filter: blur(0);}
}