JSFiddle - React, Tailwind, and code Playground

HTML

<a id="siteLogo" class="siteLogo_ani" href="./">
    <img src="http://goo.gl/QafDup">
</a>

CSS

.siteLogo_ani {
	-webkit-animation-name: asdf;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-delay: 1;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
    
	animation-name: asdf;
	animation-duration: 1s;
	animation-timing-function: ease-out;
	animation-delay:1;
	animation-iteration-count: 1;
	animation-direction: normal;
    
    display: block;
    float: left;
    width: 160px;
}

@-webkit-keyframes asdf{
	from { width:355px; }
	to   { width:160px; }
}
@keyframes asdf{
	from { width:355px; }
	to   { width: 160px; }
}

#siteLogo img { width:100%; }