JSFiddle - React, Tailwind, and code Playground

by Narayan Prusty

HTML

<div>
    <img src="http://www.planetsforkids.org/images/planets_image.jpg" />
</div>

CSS

div
{
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    text-align: center;
}

div img
{
    width: 100%;
    height: 100%;
    -webkit-transition: all 2s; /* For Safari 3.1 to 6.0 */
    transition: all 2s;
}

div img:hover
{
    width: 120%;
    height: 120%;
}