JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<div class="initials">A</div>
CSS
.initials {
position:absolute;
background:black;
background-COLOR: black;
color:white;
margin-top:20px;
padding-top:20px;
padding-bottom:20px;
width:60px;
text-align:center;
margin-left:20px;
font-size:17px;
letter-spacing:5px;
box-shadow:0px 2px 3px rgba(0,0,0,.15);
overflow: hidden;
white-space: nowrap;
}
.with-image {
background-color:none !important;
background-image: url("http://static.tumblr.com/lxn1yld/Hnxnxaqya/space.gif");
}
JavaScript
$( document ).ready(function() {
var changeClass = function() {
$(".initials").addClass("with-image");
}
setTimeout(changeClass, 3000);
});