JSFiddle - React, Tailwind, and code Playground

by dmethvin

HTML

<h1>Hi!  Test!</h1> 
<h2>Light Example!</h2>

CSS

H1 {          
    font-weight: 800; 
}    
H2 {           
    font-weight: 100; 
}

JavaScript

$('H1').animate({
         'font-weight': 100
      }, 5000, 
                      function() { $('H1').append('  Done!'); 
                           });

      $('H2').animate({
         'font-weight': 800
      }, 5000, 
                      function() { $('H2').append('  Done!'); 
                           });