JSFiddle - React, Tailwind, and code Playground

by Danja Wittmann

HTML

<div class="info-box"><p>ВНИМАНИЕ!!!</p></div>

CSS

.info-box {
width : 96%;
padding: 20px;
background : #c2ddf9;
border : #CD0000 solid 1px;
color : #CD0000; font-weight: 800;
text-shadow: 0px 0px 2px #fff, 0px 0px 2px #fff;
}
p {
  display: inline-block;
  animation: blur 1s linear infinite;
}
@keyframes blur {
  0%, 100% {
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
  }
}