JSFiddle - React, Tailwind, and code Playground

by jayakrishnancn

HTML

<div class="container">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. A repellendus unde praesentium ratione accusamus esse asperiores quae exercitationem temporibus maiores doloribus, voluptate facilis quibusdam, quidem amet ab, minus rerum. Necessitatibus.
  <div class="bookmark" id="showMe">Bookmarked 1</div>
</div>

CSS

.container{
  background: #222;
  color: #fff;
  width: 250px;
  padding: 5px;
  text-align: justify;
  box-sizing: border-box;
}
.bookmark{
  background: #000;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
}


#showMe {
  animation: cssAnimation 0s 5s forwards; 
    height: 0;
    width: 0;
    overflow: hidden;
}

@keyframes cssAnimation {
  to   {  
    height: auto;
    width: auto;
  }
}