JSFiddle - React, Tailwind, and code Playground

by Robert Washbourne

HTML

<script src="https://cdn.rawgit.com/LukyVj/Colorify.js/master/scripts/colorify.min.js"></script>
<link rel="stylesheet" href="https://cdn.rawgit.com/LukyVj/Colorify.js/master/styles/colorify.css">
<div colorify-reveal>
    <img src="http://colorify.rocks/images/demo/image2.jpg" alt="">
    <img src="http://colorify.rocks/images/demo/image3.JPG" alt="">
    <img src="http://colorify.rocks/images/demo/miaou.jpg" alt="">
  </div>

JavaScript

colorify({
    id: 3,
    images: false,
    container: 'colorify-reveal',
    lazyReveal: {
      transition: 10,  // The transition occurs for 2 seconds
      delay: 1
    },
    accuracy: 100,
    gradient: false,
    padding: 10
  });