JSFiddle - React, Tailwind, and code Playground

by saomocari

HTML

<p>example</p>

CSS

p{
    width:150px;
    height:50px;
    color:#fff;
    background-color:#ccc;
    text-align:center;
    line-height:50px;
    margin:20px ;
    -webkit-transition: all 1s ease ;
    -moz-transition: all 1s ease ;
    -o-transition: all 1s ease ;
    transition: all 1s ease ;
}
p:hover{
    width: 350px;
}