JSFiddle - React, Tailwind, and code Playground

by JoshC

HTML

<img class="santaface" src="img/santaface.svg">

CSS

.santaface {
    opacity:0;
    position: absolute;
    left:40%;
    top:20%;
    width:20%;
    animation: santaappear 13s 2s forwards;
    -moz-animation: santaappear 13s 2s forwards;
    -webkit-animation: santaappear 13s 2s forwards;
}
@keyframes santaappear {
    96%, 100% {
        opacity:1;
    }
}
@-moz-keyframes santaappear {
    96%, 100% {
        opacity:1;
    }
}
@-webkit-keyframes santaappear {
    96%, 100% {
        opacity:1;
    }
}