JSFiddle - React, Tailwind, and code Playground

by Drath

HTML

<img src="https://twimg0-a.akamaihd.net/profile_images/1587966110/187589_669420349_1190761_n.jpg" />

CSS

body { padding:100px; background:#999;}

img {
    width:90px;
    height:auto;  
    transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    -webkit-transition:all 0.2s ease;
    -o-transition:all 0.2s ease;
    box-shadow:none; 
    border:5px solid #fff; 
    margin:0;    
}

img:hover {
    margin-top:-45px;   
    margin-left:-43px;     
    width:180px;
    height:auto;
    box-shadow:0 0 30px #000;
    border:5px solid #fff;
    position:relative;
}