JSFiddle - React, Tailwind, and code Playground

HTML

<div class="mybox"> Hi there i am your content. Click me for fancy border animation!</div>

CSS

.mybox {
    height: 200px;
    background-color: thistle;
    border: 2px solid transparent;
}

@keyframes borderblink {
  0% {
    border: 2px solid blue;
  }
  49% {
    border: 2px solid blue;
  }
  50% {
    border: 2px solid white;
  }
  100% {
    border: 2px solid white;
  }
}

.mybox.border-animated {
     border: 2px solid blue;
     animation-name: borderblink;
     animation-duration: 0.4s;
     animation-iteration-count: 10;
}

JavaScript

$('.mybox').click(function(){
	$(this).addClass('border-animated');
});