JSFiddle - React, Tailwind, and code Playground

by jjppof

HTML

<script src="https://rawgit.com/emn178/jquery-animations-tile/master/external/jquery.animations.min.js"></script>
<script src="https://rawgit.com/emn178/jquery-animations-tile/master/build/jquery.animations-tile.min.js"></script>
<img src="http://www.w3schools.com/html/pic_mountain.jpg">

CSS

img{
  -webkit-animation : bright 1s 0s infinite alternate;
}

@keyframes bright {
    from {-webkit-filter: brightness(1);}
    to {-webkit-filter: brightness(3);}
}

JavaScript

$(function(){
  $('img').animate('tile', {
    "duration": 2000,
    "rows": 50,
    "sequent": false,
    "effect": "slideFromDown"
  });
});