JSFiddle - React, Tailwind, and code Playground

by GerĂłnimo Garcia Sgritta

HTML

<script src="http://fonts.googleapis.com/css?family=Pacifico"></script>
<a href="#"><h1 class="rot">link</h1></a>

CSS

h1 {
    font-family: 'Pacifico', arial, serif;
    font-size:28px;
    color:#FFFFFF;
    background: url('http://images2.layoutsparks.com/1/141167/star-brown-black-pattern.jpg') repeat;
    float:left;  
}

a {
    text-decoration:none;
}

a {
    ;  
}

a h1.rot{
    -webkit-transition: all ease-out 1s;
    -webkit-transform: rotate(0deg);
    color:#FFFFFF;  
}

a:hover h1.rot{
    -webkit-transition: all ease-out 1s;
    -webkit-transform: rotate(-30deg);
    color:#FF0000;
}


.nul {
    
}