具有多个变换但没有嵌套div的CSS动画

Question

This是我想要的效果，但有没有办法在没有嵌套div的情况下做到这一点？我试图结合变换，但要么我缺少一些简单的东西，要么我只需要JavaScript或jQuery来添加和删除类？

这是我尝试合并

.spin{
-webkit-animation: scaleup .5s 1 forwards,
                   rotate .6s linear .7s 2,
                   scaledown 1.5s 2.0s 1 forwards;

}