hover一个div另一个div移动

使用animation

若结构是兄弟节点，则通过+的方式选择兄弟节点
若结构是父子节点，直接通过空格+选择器的形式实现

另外使用动画animation时，语法规则是
animation: name duration timing-function delay iteration-count direction;

@keyframes run{
      from{ left:0;}
      to{ left: 200px;}
    }

或者利用百分比

@keyframes run{
      0%{ left:0;}
      50%{ left: 200px;}
      100%{ left: 0px;}
    }

使用transition

总结一下animation和transition
1.如果要灵活定制每个帧，则使用animation
2.如果简单的使用from to设置动画，用transition
3.如果要使用js设置动画属性，用transition