JSFiddle - React, Tailwind, and code Playground

HTML

<div class="frame"></div>

CSS

html,body{
    width:100%;
    height:100%;
}

div.frame {
    -webkit-animation-name: saturn;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: 1;
    background-color: rgba(128, 255, 128, 1);
    width: 100%;
    height: 100%;
}

/* animations */
@-webkit-keyframes saturn {
    from {
        width: 100%;
        height: 100%;
    }
    to {
        width: 90%;
        height: 90%;
    }
}