Html 我可以用css3设置反向状态的动画吗

我想制作一个

动画，请注意我必须使用
位置：相对；左：20px
因为在真正的应用程序中，此代码位于绝对定位的元素内，并且出于某种原因，使用边距会导致意外行为
 只需使用
left:0用于
a
并使用
位置：相对在
a
中，而不是
a：活动的


CSS

只是一个建议，点击移动链接会惹恼访问者，为什么不在
悬停

如果您的实时代码与示例类似，则只需放置位置：relative；左：0px；关于a{}规则

当您停止悬停/释放单击时，它会丢失位置：relative，因为它不在当前类中。如果没有位置规则，将忽略左侧规则

a {
   display: block;
   background: red;    
   -webkit-transition: left .2s ease-in,margin .2s ease-in;
   -moz-transition: left .2s ease-in,margin .2s ease-in;
   transition: left  .2s ease-in,margin .2s ease-in;
   left: 0;
   position: relative;
}