JSFiddle - React, Tailwind, and code Playground

by taoist

HTML

<div>
    
    <p>Phil</p>
    
</div>

CSS

div {
    width: 100%;
    height: 100px;
    background-color: red;
    position: relative;
    -webkit-animation: myAnimation 1.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode-mode: forward;
  
   

}
@-webkit-keyframes myAnimation{ 
    
    from {
        width: 0px;
        left: 0px;
        
    };
    to {
        width: 100%
           
        
    };
    

    
    
    
    
}

JavaScript

$("p").hide(); 
$("p").fadeIn(1500);