JSFiddle - React, Tailwind, and code Playground

HTML

<section id="test">
    <article></article>
    <article></article>
    <article></article>
</section>

CSS

#test article {
    display: inline-block;
    height: 100px;
    width: 100px;
    background-color: black;
    -webkit-transition: -webkit-transform 0.2s ease;
}

#test article:hover, #test article:active {
    -webkit-transform: perspective(200px) scale(0.5);
}