JSFiddle - React, Tailwind, and code Playground

by Lloyd Atkinson

HTML

<div class="panel flip-in-hor-bottom">
    Hello, world!
</div>

CSS

body {
    font-family: Verdana;
}

.panel {
    border: solid 1px gray;
    border-radius: 3px;
    padding: 5px;
}

.flip-in-hor-bottom {
	-webkit-animation: flip-in-hor-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) NaNs ;
	        animation: flip-in-hor-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) NaNs ;
}