<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>带幻影文字效果的炫酷js轮播图特效</title>
<link href="https://fonts.googleapis.com/css?family=Kanit:500,900" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/base.css" />
<script>
document.documentElement.className = "js";
var supportsCssVars = function() { var e, t = document.createElement("style"); return t.innerHTML = "root: { --tmp-var: bold; }", document.head.appendChild(t), e = !!(window.CSS && window.CSS.supports && window.CSS.supports("font-weight", "var(--tmp-var)")), t.parentNode.removeChild(t), e };
supportsCssVars() || alert("Please view this demo in a modern browser that supports CSS Variables.");
</script>
</head>
<body class="demo-5 loading">
<main>
<div class="frame">
<div class="frame__title-wrap">
<h1 class="frame__title">Text Trail Effect</h1>
</div>
<p class="frame__tagline">Based on <a href="https://dribbble.com/shots/5910521-Abstract-is-hiring" target="_blank">Abstract is hiring</a></p>
<div class="frame__links">
<a href="https://www.jb51.net/">脚本之家</a>
<a href="https://www.jb51.net/">返回下载页</a>
<a href="https://github.com/codrops/TextTrailEffect/" target="_blank">GitHub</a>
</div>
<div class="frame__demos">
<a href="index.html" class="frame__demo">1</a>
<a href="index2.html" class="frame__demo">2</a>
<a href="index3.html" class="frame__demo">3</a>
<a href="index4.html" class="frame__demo">4</a>
<a href="index5.html" class="frame__demo frame__demo--current">5</a>
</div>
</div>
<div class="content">
<div class="content__slide">
<div class="content__img content__img--full">
<div class="content__img-inner" style="background-image: url(img/19.jpeg);"></div>
</div>
<div class="content__text-wrap">
<span class="content__text">
<span class="content__text-inner content__text-inner--stroke">Khorosho</span>
</span>
<span class="content__text">
<span class="content__text-inner">Khorosho</span>
</span>
<span class="content__text content__text--full">
<span class="content__text-inner content__text-inner--stroke">Khorosho</span>
</span>
<span class="content__text">
<span class="content__text-inner content__text-inner--stroke">Khorosho</span>
</span>
<span class="content__text">
<span class="content__text-inner">Khorosho</span>
</span>
<span class="content__text content__text--full">
<span class="content__text-inner content__text-inner--stroke">Khorosho</span>
</span>
<span class="content__text">
<span class="content__text-inner content__text-inner--bottom">Khorosho</span>
</span>
<span class="content__text">
<span class="content__text-inner">Khorosho</span>
</span>
<span class="content__text content__text--full">
<span class="content__text-inner content__text-inner--stroke">Khorosho</span>
</span>
<span class="content__text">
<span class="content__text-inner content__text-inner--stroke content__text-inner--bottom">Khorosho</span>
</span>
<span class="content__text">
<span class="content__text-inner">Khorosho</span>
</span>
</div>
</div>
<div class="content__slide">
<div class="content__img content__img--full">
<div class="content__img-inner" style="background-image: url(img/20.jpeg);"></div>
</div>
<div class="content__text-wrap">
<span class="content__text">
<span class="content__text-inner content__text-inner--stroke">Cyberaxe</span>
</span>
<span class="content__text">
<span class="content__text-inner">Cyberaxe</span>
</span>
<span class="content__text content__text--full">
<span class="content__text-inner content__text-inner--stroke">Cyberaxe</span>
</span>
<span class="content__text">
<span class="content__text-inner content__text-inner--stroke">Cyberaxe</span>
</span>
<span class="content__text">
<span class="content__text-inner">Cyberaxe</span>
</span>
<span class="content__text content__text--full">
<span class="content__text-inner content__text-inner--stroke">Cyberaxe</span>
</span>
<span class="content__text">
<span class="content__text-inner content__text-inner--bottom">Cyberaxe</span>
</span>
<span class="content__text">
<span class="content__text-inner">Cyberaxe</span>
</span>
<span class="content__text content__text--full">
<span class="content__text-inner content__text-inner--stroke">Cyberaxe</span>
</span>
<span class="content__text">
<span class="content__text-inner content__text-inner--stroke content__text-inner--bottom">Cyberaxe</span>
</span>
<span class="content__text">
<span class="content__text-inner">Cyberaxe</span>
</span>
</div>
</div>
<div class="content__slide">
<div class="content__img content__img--full">
<div class="content__img-inner" style="background-image: url(img/21.jpeg);"></div>
</div>
<div class="content__text-wrap">
<span class="content__text">
<span class="content__text-inner content__text-inner--stroke">Credstick</span>
</span>
<span class="content__text">
<span class="content__text-inner">Credstick</span>
</span>
<span class="content__text content__text--full">
<span class="content__text-inner content__text-inner--stroke">Credstick</span>
</span>
<span class="content__text">
<span class="content__text-inner content__text-inner--stroke">Credstick</span>
</span>
<span class="content__text">
<span class="content__text-inner">Credstick</span>
</span>
<span class="content__text content__text--full ">
<span class="content__text-inner content__text-inner--stroke">Credstick</span>
</span>
<span class="content__text">
<span class="content__text-inner content__text-inner--bottom">Credstick</span>
</span>
<span class="content__text">
<span class="content__text-inner">Credstick</span>
</span>
<span class="content__text content__text--full">
<span class="content__text-inner content__text-inner--stroke">Credstick</span>
</span>
<span class="content__text">
<span class="content__text-inner content__text-inner--stroke content__text-inner--bottom">Credstick</span>
</span>
<span class="content__text">
<span class="content__text-inner">Credstick</span>
</span>
</div>
</div>
<nav class="content__nav">
<button class="content__nav-button content__nav-button--prev">Prev</button>
<button class="content__nav-button content__nav-button--next">Next</button>
</nav>
</div>
</main>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/TweenMax.min.js"></script>
<script src="js/demo5.js"></script>
</body>
</html>
js带幻影文字效果的炫酷轮播图切换特效.zip （28个子文件） 
132677747000217241 js_TweenMaxhywz css 
base.css 9KB
index5.html 7KB index4.html 7KB img 5.jpeg 89KB 16.jpeg 348KB 8.jpeg 105KB 15.jpeg 131KB 14.jpeg 95KB 7.jpeg 71KB 23.jpeg 88KB 13.jpeg 169KB 19.jpeg 372KB 6.jpeg 100KB 21.jpeg 376KB 9.jpeg 59KB 17.jpeg 53KB 20.jpeg 219KB 4.jpeg 105KB index.html 7KB js demo4.js 7KB demo2.js 7KB demo1.js 8KB demo3.js 8KB demo5.js 8KB imagesloaded.pkgd.min.js 5KB TweenMax.min.js 112KB index2.html 7KB index3.html 7KB资源评论
