JSFiddle - React, Tailwind, and code Playground

by nabil_kadimi

HTML

<script src="http://www.mattboldt.com/demos/typed-js/js/typed.custom.js"></script>
<button>Start Animation</button>
<div id='text' style="background:#98bf21;height:100px;width:200px;position:absolute;"></div>

JavaScript

$(document).ready(function(){
  $("button").click(function(){
  var div=$("div");  
  div.animate({left:'100px'},"slow");
  div.animate({fontSize:'3em'},"slow");
  div.animate({fontSize:'1em'},2000);
  div.animate({opacity:'0'},"slow");
  div.typed({ strings: ["HELLO", "It's me..."], typeSpeed: 0 });
  //can I change the text with animation???
  div.animate({opacity:'1'},"slow");
  div.animate({left:'0px'},"slow");
  });
});