JSFiddle - React, Tailwind, and code Playground

by annam

HTML

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

CSS

.wrapper {
    padding: 5px;
    background: purple;
    width: 100px;
    height: 100px;
    margin: 25px 0;
}

.wrapper:hover {
    padding: 25px 5px;
    margin: 5px 0;
}

.box {
    width: 100px;
    height: 100px;
    background: yellow;
}