JSFiddle - React, Tailwind, and code Playground

by kamaz6141

HTML

<div>
    <a class="link" href="#">link</a>
</div>

CSS

div{height:60px;width:200px;margin:100px 0 0 150px}
.link{text-decoration:none;display:block;height:28px;margin:8px;line-height:28px;}
.link:before{
   content:url('http://moscow.emb.mfa.gov.tr/gfx/main-left-menu-icon-e-consulate.png');
    display:block;
    opacity:0.5;
    height:28px;
    width:33px;
    position:relative;
    float:left;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;  
      
     
    
}
.link:hover:before{opacity:1;}