JSFiddle - React, Tailwind, and code Playground

by dotmariusz

HTML

<a href="#">Hello, world!</a>

CSS

a {
    display:block;
    font-size:2em;
    font-family:sans-serif;
    color:#fff;
    background:#333;
    border-radius:.5em;  
    padding:.5em 1em;
    text-shadow:0 -1px 0 rgba(0,0,0,.7);
    
    -webkit-transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    
    -webkit-transition: -webkit-transform 1s linear;
    -moz-transition: -moz-transform 1s linear;
    -ms-transition: -ms-transform 1s linear;
    -o-transition: -o-transform 1s linear;
    transition: transform 1s linear;
}

a:hover {
    -webkit-transform:scale(2.0);
    -moz-transform:scale(2.0);
    -ms-transform:scale(2.0);
    -o-transform:scale(2.0);
    transform:scale(2.0); 
}