这是一款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鼠标悬停超链接文字动画特效的官方网址为:https://coidea.website/categories/challenges/amazing-link-hover-effects/