tranform的属性一般加在class类名中, 只需要添加或者删除类名来实现动画的效果
1.移动的动画属性
transform: translateX(500px);//是在x轴方向 上移动500px
transform: translateY (500px);//是在y轴方向上移动500px
//符合属性的写法
transform: translate (100px , 50px) ;//在x轴移动100px ,在y轴移动50px
2.缩放的动画属性
//缩放的数值 最大是1,最小是
transform: scale(1,0.5);//在x长轴不变,y轴缩小到原来的一半
3.旋转的动画属性
//属性值为到360度
rotate: 45deg;//在元素的中心点旋转45度