Html 字体图标在悬停时更改颜色而不显示动画

我有一个问题，字体可怕的图标改变它的颜色悬停没有动画。我希望图标改变它的颜色改变靛蓝，蓝色和红色，当用户悬停在它没有出现彩色图标从底部出现的动画（忘记了动画类型名称）

我非常感谢你的帮助

注意：我已经检查了请尝试此Css代码

.fa-facebook, .fa-twitter,.fa-google-plus {
 -webkit-transition-property: none;
 -moz-transition-property: none;
 -o-transition-property: none;
 transition-property: none;
  animation-name: none;
}


.fa-facebook:hover, .fa-twitter:hover,.fa-google-plus:hover {
 color: indigo;
 -webkit-transition-property: none;
 -moz-transition-property: none;
 -o-transition-property: none;
 transition-property: none;
  animation-name: none;
}

---

您可以设置您的

动画：无

或

过渡：无

@Blackheart

过渡：无

工作，非常感谢！让我在这里分享解决方案：

.fa facebook、.fa twitter、.fa google plus{transition:none；}

非常感谢您的回答！我将来会考虑这种解决方案。但是，对于这一个，它似乎有很多行代码

.fa facebook、.fa twitter、.fa google plus{transition:none；}

解决了这个问题。是的。Blackheart在上面的评论<代码>过渡：无解决了问题。谢谢：）

.fa-facebook, .fa-twitter,.fa-google-plus {
 -webkit-transition-property: none;
 -moz-transition-property: none;
 -o-transition-property: none;
 transition-property: none;
  animation-name: none;
}


.fa-facebook:hover, .fa-twitter:hover,.fa-google-plus:hover {
 color: indigo;
 -webkit-transition-property: none;
 -moz-transition-property: none;
 -o-transition-property: none;
 transition-property: none;
  animation-name: none;
}