jQuery和CSS3鼠标悬停超链接文字动画特效

当前位置:主页 > jQuery库 > 文本和超链接 > jQuery和CSS3鼠标悬停超链接文字动画特效
jQuery和CSS3鼠标悬停超链接文字动画特效
分享:

    插件介绍

    这是一款jQuery和CSS3鼠标悬停超链接文字动画特效。该特效共6种特效,分别是在鼠标HOVER或悬停在超链接文字上面时,超链接产生炫酷动画特效。

    浏览器兼容性

    浏览器兼容性
    时间:2018-11-01
    阅读:
简要教程

这是一款jQuery和CSS3鼠标悬停超链接文字动画特效。该特效共6种特效,分别是在鼠标HOVER或悬停在超链接文字上面时,超链接产生炫酷动画特效。

使用方法

在页面中引入base.css、demo.css和jquery、anime.min.js文件。

<link href="css/base.css" rel="stylesheet">  
<link href="css/demo.css" rel="stylesheet">  
<script type="text/javascript" src="js/jquery.min.js"></script>             
<script type="text/javascript" src="js/anime.min.js"></script> 
                
HTML

基本HTML结构如下:

<section class="section section-1st">
  <div class="content">
    <p>The people who are <a href="javascript:void(0)" class="link example-1">crazy</a> enough...</p>
  </div>
</section>
                

jQuery和CSS3鼠标悬停超链接文字动画特效-1

jQuery和CSS3鼠标悬停超链接文字动画特效-2

该jQuery和CSS3鼠标悬停超链接文字动画特效的官方网址为:https://coidea.website/categories/challenges/amazing-link-hover-effects/