JSFiddle - React, Tailwind, and code Playground

by absolutemedia

HTML

<a class="twitter" href="http://twitter.com/AffettoOnline">Follow us on Twitter</a>

CSS

a.twitter {
    -moz-transition-duration: 0.3s, 0.3s;
    -moz-transition-property: color, background;
    -moz-transition-timing-function: linear, ease-in;
    
    background: url("http://www.affettojewellery.co.uk/twitter.png") no-repeat 0 4px;
    color: #000;
    display: block;
    font-family: Georgia, sans-serif;
    font-style: italic;
    padding: 0 0 0 30px;
    margin: 20px;
    text-decoration: none;
}

a.twitter:hover {
    color: #eb1a67;
    background-position: 0 -18px;
}