JSFiddle - React, Tailwind, and code Playground

by rami7250

HTML

<center>
  <a class="round" href="http://coreneto.com/rental/cars">
    <img class="fbutton" src="http://coreneto.com/rental/static/dist/img/cam.jpg" width="200" height="200"></a>&nbsp;&nbsp;
  <a class="round" href="http://coreneto.com/rental/cars">
    <img class="fbutton" src="http://coreneto.com/rental/static/dist/img/car.jpg" width="200" height="200"></a>&nbsp;&nbsp;
  <a class="round" href="http://coreneto.com/rental/tickets">
    <img class="fbutton" src="http://coreneto.com/rental/static/dist/img/phone.jpg" width="200" height="200"></a>
    
 
    
</center>

CSS

img.fbutton:hover {
  -webkit-box-shadow: 0px 0px 0px 5px #005FD0;
  -moz-box-shadow: 0px 0px 0px 5px #005FD0;
  box-shadow: 0px 0px 0px 5px #005FD0;
}

a.round {margin-left:20px;}