~~~
<style>
.cover{
width: 200px;
height: 200px;
background: pink;
transition:all 2s;
transform-origin: right bottom;
}
.cover:hover{
transform: rotate(90deg);
}
</style>
~~~
~~~
<body>
<div class="cover">
</div>
</body>
~~~
效果图如下：
