css transform属性问题

当触发hover的时候，就会回到原位置进行旋转，translate就消失了

再写一遍translate
transform: translate(80px, 80px) rotate(-45deg);

你可以理解为transform是一个组合属性，里面有很多子属性，就像background一样
在你hover的时候因为只设置了rotate，此时会把translate覆盖掉，
所以你需要在hover里同时设置rotate和translate