Chạy thử Css transform rotate

Chạy thử Css transform rotate

Chạy thử Css transform rotate

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Chạy thử Css transform rotate</title>

<style>
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#opakh{opacity:0}
#backtrar{width:200px;height:200px;text-align:center;line-height:200px;background: red;margin-top:30px;margin-left:30px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#backtrar:hover{ transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); }
</style>
</head>
<body>
<h1>Chạy thử Css transform rotate</h1>
<p>Rê chuột vào ô màu đỏ phía dưới để xem thay đổi:</p>
<div id="backtrar">transform:rotate(45deg);</div>

</body>
</html>
Chạy thử Css transform rotate nằm trong bài viết Thuộc tính transform trong CSS