.rect {
width: 100px;
height: 100px;
background: #91B493;
text-align: center;
font-size: 20px;
color: #FEDFE1;
transition: all 1s;
}
.rect:hover {
transform: rotate(0.5turn) scale(0.5);
background: #81C7D4;
}
当鼠标 经过会产生什么效果