shduff/straighteningDivs.html

## straighteningDivs.html
<html>

<head>
    <style>
    #one,#two,#three {
        position: absolute;
        height: 400px;
        width: 300px;
        transition: .6s;
    }

    #one {
        top: 10;
        left: 100;
        background-color:red;
        transform: rotateZ(15deg);
    }
    #two {
        top: 240;
        left: 500;
        background-color:blue;
        transform: rotateZ(-10deg);
    }

    #three {
        top: 100;
        left: 900;
        background-color:yellow;
        transform: rotateZ(20deg);
    }
    #one:hover,#two:hover,#three:hover {
    	transform: rotateZ(0deg);
    }
    </style>
</head>

<body>
    <div id="one"></div>
    <div id="two"></div>
    <div id="three"></div>
</body>

</html>
	<html>

	<head>
	<style>
	#one,#two,#three {
	position: absolute;
	height: 400px;
	width: 300px;
	transition: .6s;
	}

	#one {
	top: 10;
	left: 100;
	background-color:red;
	transform: rotateZ(15deg);
	}
	#two {
	top: 240;
	left: 500;
	background-color:blue;
	transform: rotateZ(-10deg);
	}

	#three {
	top: 100;
	left: 900;
	background-color:yellow;
	transform: rotateZ(20deg);
	}
	#one:hover,#two:hover,#three:hover {
	transform: rotateZ(0deg);
	}
	</style>
	</head>

	<body>
	<div id="one"></div>
	<div id="two"></div>
	<div id="three"></div>
	</body>

	</html>