JSFiddle - React, Tailwind, and code Playground

by Serge Zahharenko

HTML

<div class="card">
  <div class="content">
    vnutrennosti...
  <div>
</div>

CSS

.card {position:relative;margin:30px;width:150px;height:250px;}
.card:before {
  content:'';position:absolute;top:0;left:0;width:100%;height:100%;
  box-shadow: 0 0 0 0 red;
  -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition:   all 0.5s ease;transition: all 0.5s ease;
}
.card .content {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:red;}
.card:hover:before {box-shadow: 0 0 30px 20px lime;}