JSFiddle - React, Tailwind, and code Playground

by Ahmet Çetintaş

HTML

<div><span>$</span>2.000</div>

CSS

body{
  background: transparent;
  color: #fff;
}

div {
  font-size: 42px;
  position: relative;
  animation: mymove 0.3s;
  animation-timing-function: ease-in-out;
  animation-delay: 3s;
  animation-fill-mode: forwards;
  opacity: 0;
}
div span{
	font-size: 24px;
    padding-right: 5px;
}


@keyframes mymove {
  0% {
    opacity: 1;
    display: block;
    bottom: -70px;
    }
  100% {
    opacity: 1;
    display: block;
    bottom: 0px;
    }
}