JSFiddle - React, Tailwind, and code Playground

by zhukovroman

HTML

<script src="http://www.bitstorm.org/jquery/shadow-animation/archive/jquery.animate-shadow-min.js"></script>
<div id="container_logo">
				<p>Всем привет</p>
			</div>

CSS

#container_logo p {
    font-family: Verdana;
    font-size: 28px;
	text-align: center;
    
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
	text-shadow: 1px 1px 1px rgba(54,53,53,1);
    
	font-variant: small-caps;
	color: white;
    cursor: pointer;
}

#container_logo p:hover {
    text-shadow: 10px 10px 10px rgba(54,53,53,1);
}