* { font-size: 4em; } .relative { position: relative; } .rotate { float: left; -ms-transform: rotate(22deg); /* IE 9 */ -webkit-transform: rotate(22deg); /* Chrome, Safari, Opera */ transform: rotate(22deg); -webkit-transition: ease-in-out all 2s; /* For Safari 3.1 to 6.0 */ transition: ease-in-out all 2s; } .rotate:hover { float: left; -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */ transform: rotate(0deg); -webkit-transition: ease-in-out all 2s; /* For Safari 3.1 to 6.0 */ transition: ease-in-out all 2s; } .float-left { float: left } .padding { padding: 1em; } .bold { font-weight: bold; } .center { -webkit-box-align: center; -webkit-box-pack: center; display: -webkit-box; }