JSFiddle - React, Tailwind, and code Playground

Heading Animate

by Jennifer Perrin

HTML

<h1 class="animateMe">Bob is a bob</h1>

CSS

body { margin: 50px; }

h1 {
    margin-top: 55px;
    position: relative;
    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
}

JavaScript

$(document).ready(function(){
    $('.animateMe').hover(
		function(){ $('.animateMe').animate({ left: 5 }, 'fast'); },
		function(){ $('.animateMe').animate({ left: 0 }, 'fast'); }
	);
});