Part-12/transitions.html

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Animations</title>
	<link rel="stylesheet" href="transitions.css">

</head>

<body>
	<!-- Transform boxes through translate -->
	<!-- <div class="box slide-right">

	</div>


	<div class="box slide-left">

	</div>


	<div class="box slide-down">

	</div>
	<div class="box slide-up">

	</div> -->


	<!-- Transform boxes through scale -->
	<!-- <div class="box scale-down">

	</div> -->

	<!-- Transform boxes through rotate -->
	<!-- <div class="box rotate">

	</div> -->


	<!-- Transform boxes through Opacity -->
	<!-- <div class="box opaqueify">

	</div> -->

	<!-- Transition color and background color on hover -->
	<button>Hover Me!</button>


</body>

</html>