首页 > 网站制作
一言推荐::D 获取中...

fontawesome hover 悬停使用

网络/ 亲测/网站制作/ 2020-08-17/

效果演示

http://www.oleou.com/t/fontawesome/pl.html

fontawesome悬停效果

<style>
.divclass{
  font-size:5em;
  color:grey;
  cursor:pointer;
}
 
.divclass:hover .fa-thumbs-o-up:before{
  content:"f164";
  color:green;
  opacity:0.6;
}
</style>


DIV部分

<div class="divclass">
  <i class="fa fa-thumbs-o-up"></i>
</div>

TAGS:fontawesome css hover 悬停

打赏 点赞
邮箱
验证码
昵称