JSFiddle - React, Tailwind, and code Playground

by Sascha

HTML

<div class="card card-highlight">
This is some content.

</div>

CSS

div.card {
background-color: yellow;  
float: left;
width: 174px;
min-height: 100px;
position: relative;
border-radius: 0 20px 0 0;
border: 2px solid #808080;
margin: 4px;
padding: 5px;
line-height: 130%;
border-collapse: separate;
box-shadow: 0 10px 6px -6px #666;
-moz-box-shadow: 0 10px 6px -6px #666;
-webkit-box-shadow: 0 10px 6px -6px #666;
}
div.card-highlight {
  animation: highlight 2s 2;
}
@keyframes highlight {
  0% {
    background-color: red;
  }
  50% {
    background-color: white;
  }
  100% {
    background-color: red;
  }

}