04-Animation.html

<html>

<head>
	<style>
		
	.standartDiv{
		border:1px solid black;
		background-color:yellow;
		position:absolute;
		left:50px;
		top:50px;
		width:100px;
		height:30px;
		font-weight:bold;
		font-size:22px;
		
	}
	
	@keyframes move{
		from{
			background-color:yellow;
			color:blue;
			left:50px;
			top:50px;
			border-radius:0px;
		}
		to{
			background-color:green;
			color:red;
			left:150px;
			top:150px;
			border-radius:30px;
		}
	}
	.animatedDiv{
		left:150px;
		top:150px;
		background-color:green;
		color:red;
		border-radius:30px;
		animation : move 4s;
	}

	</style>
	
</head>

<body>
	<br/>
	<div class="standartDiv animatedDiv">
		GODORO
	</div>
	<br/>
</body>

</html>

Dosyayı İndir

04-Animation.html

Bu Sayfayı Paylaş:

Bu Sayfayı Paylaş:

İletişim Bilgileri

Takip Et