JSFiddle - React, Tailwind, and code Playground

by technotarek

HTML

<!DOCTYPE html>
<html lang="en">
    <head>
        <style type="text/css">
            body {
                background:#000;
            }

            /* ======== ANIMATIONS ======= */

            @keyframes myfirst
            {
            from {opacity: 0;}
            to {opacity: 1;}
            }

            @-webkit-keyframes myfirst /* Safari and Chrome */
            {
            from {opacity: 0;}
            to {opacity: 1;}
            }

            div
            {
            animation: myfirst 5s;
            -moz-animation: myfirst 5s; /* Firefox */
            -webkit-animation: myfirst 5s; /* Safari and Chrome */
            -o-animation: myfirst 5s; /* Opera */
            background:#fff;
            height:100px;
            position:relative;
            width:100px;
            }
        </style>
    </head>
    <body>
        <div></div>
    </body>
</html>