JSFiddle - React, Tailwind, and code Playground

by niki4810

HTML

<script src="https://rawgithub.com/julianlloyd/scrollReveal.js/master/js/scrollReveal.js"></script>
<link rel="stylesheet" href="https://rawgithub.com/julianlloyd/scrollReveal.js/master/css/style.css">
<div data-scrollreveal="enter top move 25px"> Example 1 </div>
<div data-scrollreveal="enter from the top and then move 25px"> Example 1 </div>

<!-- Eg. 3.2 — These 3 lines are equivalent -->
<div data-scrollreveal="enter left move 80px over 0.66s but then wait 3s"> Example 2 </div>
<div data-scrollreveal="over 0.66s move 80px but wait 3s and enter from the left"> Example 2 </div>
<div data-scrollreveal="after 3s, enter left and move 80px over 0.66s"> Example 2 </div>

JavaScript

$(function(){

});