تاثيرات الدائرة المتحركة تكبير و تصغير

تاثيرات الدائرة المتحركة تكبير و تصغير             div#d1 {
	animation:transition 5s infinite;
	-moz-animation:transition 5s infinite;
	-webkit-animation:transition 5s infinite;
	}
	@-webkit-keyframes transition {
	from {
	width:0px;
	height:0px;
	border-radius:100%;
	background-color:red;
	}
	to {
	width:200px;
	height:200px;
	border-radius:100%;
	background-color:red;
	}
	}
	div#d2 {
	animation:transition2 5s infinite;
	-moz-animation:transition2 5s infinite;
	-webkit-animation:transition2 5s infinite;
	}
	@-webkit-keyframes transition2 {
	from {
	width:200px;
	height:200px;
	border-radius:100%;
	background-color:red;;
	}
	to {
	width:0px;
	height:0px;
	border-radius:100%;
	background-color:red;;
	}
	}