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

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

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

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

1
2
3
4
<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结构如下:

1
2
3
4
5
<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

发表评论