Untitled

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Target/Transition</title>
	<style type="text/css">
		body{
			background-color:rgb(0,0,0)
		}
		.menu{
			display:inline-block;
			position:relative;
			text-align:center;
			width:180px;
			height:40px;
			border:4px solid;
			font-size:120%;
			margin:10px;
		}
		#yellowCircleEnable{
			border-color:rgb(230,230,0);
			background-color:rgb(255,255,0);

		}
		#blueSquareEnable{
			border-color:rgb(0,0,210);
			background-color: rgb(0,0,255);
		}
		#defaultEnable{
			border-color:rgb(210,0,0);
			background-color:rgb(255,0,0);
		}
		a:hover{
			border-color:rgb(100,100,100) !important;
			background-color: rgb(100,100,100) !important;
		}
		a:link{
			color:rgb(0,0,0);
			text-decoration: none;
		}

		#animWrap{
			position:relative;
			height:800px;
			width:800px;
			margin:auto;
			background-color:green;
		}
		#object{
			position:relative;
			top:400px;
			left:400px;
			width:5px;
			height:5px;
			background-color:rgb(255,0,0);
			transition: all 3s linear 0s;
		}

	</style>

</head>
<body>
	<a href="#dunno" id="yellowCircleEnable" class="menu">Gul Sirkel</a>
	<a href="#dunno" id="blueSquareEnable" class="menu">Blå firkant</a>
	<a href="#" id="defaultEnable" class="menu">Default</a>
	<div id="animWrap">
		<div id="object"> </div>
	</div>
</body>

</html>