JSFiddle - React, Tailwind, and code Playground

by Peter Galiba

HTML

<a class="thumb" rel="history" href="#leaf" title="Title #0">
    <img src="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015_s.jpg" alt="Title #0">
</a>

CSS

.thumb {
    border: 1px solid #666;
    width: 79px;
    height: 79px;
    display: block;
}
.thumb img {
    display: block;
    margin: 2px;
    opacity: 0.7;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.thumb:hover img {
    opacity: 1;
}