<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
.box{
height:100px;
width: 100px;
border: 1px solid red;
/*overflow: hidden;*/
transition: all ease 1.5s;
}
.box:hover{
transform-origin: bottom left;
transform: rotate(180deg);
}
</style>
</head>
<body>
<div class="box">
</div>
<div class="box"></div>
</body>
</html>
1 个解决方案
#1
我这样写好像不是以左下为圆心了
#1
我这样写好像不是以左下为圆心了