HTML and CSS form hover effect source code

	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>form with colors</title>
	<style type="text/css">

	body{background-color: #020C36;
	transition-property: zoom;}

	.heading{text-align: center;
	color:aliceblue;
	font-size: 65px;
	margin-top:0px;
	}

	.new{text-align:center;
	color:aliceblue;
	font-size:55px;
	}

	.new:hover{background-color:black;
	font-size:34px;
	transform: scaleX(1.2) scaleY(1.3) scaleZ(7.0);
	z-index: 30px;
	background-transform:scalez(2.3);
	background-size:680px;
	margin-left:600px;
	margin-right:630px;
	transition: 2s;
	transition-delay: .1s;
	}

	</style>
	</head>

	<body>

	<div class="heading">
	<h1>DETAILS</h1>

	</div>
	<div class="new">
	<form>
	<label style="font-size: 55px; text-align: center;">
	Your Ratings/10
	<input type="text" name="ratings" required="required" />
	</label><br>
	<br>
	<label style="font-size: 55px">Acting/10 <input type="text" name="acting" required="required" /></label><br>
	<br>
	<label style="font-size: 55px">Story/10 <input type="text" name="story" required="required"/></label><br>
	<br>
	<label style="font-size: 55px">Visual Effects/10 <input type="text" name="story" required="required" /><br></label><br>
	<label style="font-size: 55px">Comments </label><textarea name="comments" cols="20" rows="4"></textarea><br>
	</form>
	</div>
	</body>
	</html> My youtube channel https://www.youtube.com/channel/UCL_u9BMXRNEZR_SjoKUj1Fw

Hinduism and World