JSFiddle - React, Tailwind, and code Playground

by karinafoto

HTML

<div class="box"></div>

CSS

.box{text-align:center;border:1px solid green;margin:20px;red;height:80px;width:80px;background:url(http://4.bp.blogspot.com/-97ZZErjogF8/T_Mh7zIXVFI/AAAAAAAAB2U/5JsYae_6zGU/s200/blog%2Bicon.png)no-repeat center;-webkit-border-radius: 300px;
border-radius: 300px;-webkit-transition: all 2s linear;
          -moz-transition: all 2s linear;
          -ms-transition: all 2s linear;
          -o-transition: all 2s linear;
          transition: all 2s linear; -webkit-box-shadow: 2px 0px 5px 8px black;
box-shadow: 2px 0px 5px 8px black; -moz-transform: scale(1) rotate(90deg) translate(0px, 0px) skew(0deg, 0deg);}

.box:hover{border:5px solid green;height:400px;width:400px;background:url(http://lh3.googleusercontent.com/-nhT3WXXAZUE/AAAAAAAAAAI/AAAAAAAAAZ4/l_Oarll2yIc/s512-c/photo.jpg)no-repeat center;-webkit-border-radius: 10px;
border-radius: 10px;-moz-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);text-align:bottom}