JSFiddle - React, Tailwind, and code Playground

by Radioactive

HTML

<script src="http://aroundgroup.ru/wp-content/themes/aroundgroup/js/jquery.fadethis.min.js"></script>
<script src="http://aroundgroup.ru/wp-content/themes/aroundgroup/js/jquery.malihu.PageScroll2id.js"></script>
<div class="onehomeblock slide-top">
					<span class="hmar" ></span>
					<span class="hmrecr" ></span>
					<span class="hmund"></span>
				</div>

CSS

body{background:#444;height:2000px;}
.onehomeblock{margin-top:2vh;position:relative;overflow:hidden;margin:0;z-index:1;width:525px;height:83px;vertical-align:bottom;display:inline-block;}
	.onehomeblock span{background-repeat:no-repeat;position:absolute;display:block;height:100%;}


		@media all and (max-width:525px){.onehomeblock{zoom:.6;}}












	.onehomeblock...

JavaScript

setTimeout(function(){
		    $('.hmar').animate({width:"121px"},1000);
		    $('.hmrecr').animate({opacity:"1"},1000).fadeIn('300');
		    $('.hmund').animate({width:"173px"},1000);
	    }, 300);