JSFiddle - React, Tailwind, and code Playground

by adamschwartz

HTML

<div>Bam!</div>

CSS

html, body {
    height: 100%;
    width: 100%;
    padding: 0px;
    margin: 0px;
    background: -webkit-linear-gradient(#444, #222);
}

div {
    color: #fff;
    font-family: sans-serif;
    font-size: 100px;
    text-align: center;
    top: 35%;
    position: absolute;
    width: 100%;
    text-shadow: 0px 2px #000;
    -webkit-animation: crazy 3s;
}

@-webkit-keyframes 'crazy' {
    0% {
        opacity: 0;
        color: rgba(0, 0, 0, 0);
    }

    100% {
        opacity: 1;        
        color: #fff;
    }
}