链接悬停时的动画图标

请尝试以下代码。只需将鼠标移到上，.moving-left:hover i您就可以i在将类悬停后告诉CSS进行某些操作。你差点就吃了。

希望这可以帮助！

li {
  list-style-type: none;
}

i {
  padding-left: 10px;
}

.space {
  padding: 5px;
}

.moving-left i {
  position: relative;
  transition: transform 0.3s ease;
  transform: translateX(0px);
}

.moving-left:hover i {
 transform: translateX(10px);
}

  

    
Link 1
    
Link 2
    
Link 3
    
Link 4