JSFiddle - React, Tailwind, and code Playground

by phoffman

HTML

<a class="myButtonLink" href="http://mysite.com/folder?iframe=true&width=750&height=550">Leaf</a>

CSS

.myButtonLink {
    display: block;
    width: 100px;
    height: 100px;
    background: url('http://kyleschaeffer.com/wordpress/wp-content/uploads/2009/01/buttonleafhover.png') bottom; /* Image URL */
    text-indent: -99999px;
}
.myButtonLink:hover {
    background: url('http://www.hasslefreeclipart.com/clipart_garden/leaf_100.jpg') bottom;
}