JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container_logo">
				<p>Всем привет</p>
			</div>

CSS

#container_logo p {
    font-family: Verdana;
    font-size: 28px;
	text-align: center;
	text-shadow: #363535 1px 1px 1px;
	font-variant: small-caps;
	color: white;
    cursor: pointer;
}

JavaScript

$('#container_logo p').hover(
        function(){
            $(this).animate(
            {
                text-shadow: "#363535 10px 10px 10px"
            },
            5000);
        },
        function(){
            $(this).animate(
            {
                text-shadow: "#363535 1px 1px 1px"
            },
            5000);
    });