JSFiddle - React, Tailwind, and code Playground

HTML

<p>Hello World!</p>
    <p class="foo">Another paragraph, but this one has a class.</p>
    <p><span>This is a span inside a paragraph.</span></p>
    <p id="bar">Paragraph with an id.
        <span class="foo">And this sentence is in a span.</span>

JavaScript

$("#bar")
	.css({
		"background":"yellow",
		"border":"5px solid purple"
 		})
	.animate({
	   "width":"100px",
	   "height":"100px"	
	    },
		{
		"duration":"9000",
		"easing":"swing",
		"complete":function(){
				console.log("Анимация завершена");
       						},
		"step":function(){
		console.log("Этап завершен");
		            	},
		"queue":"true",
		"specialEasing":{
		"width":"linear"
						}	
			});