Specification
[1]
[2]
Compatibility
IE10+, Std
Syntax
<style type="text/css"> #box { background: #000; height: 100px; transition: all 1s ease-in-out 0s; /* for IE10+, Std */ width: 100px; } #box:hover { background: red; border-radius: 10px; height: 50px; opacity: 0.5; -ms-transform: rotate(360deg); /* for IE9+ */ transform: rotate(360deg); /* for IE10+, Std */ width: 50px; } </style>
<div id="box"></div>
Example