jQuery和css3文字3d翻转动画特效代码

来源:https://www.sucaihuo.com/js/1310.html 2017-02-05 19:19浏览(484) 收藏

这是一款炫酷jQuery和css3文字3d翻转动画特效插件。该文字3d翻转动画特效插件有4种效果,该特效中文字通过3d翻转后变为其它文字,或整个文本块3d翻转后变为另一段文本。
jQuery和css3文字3d翻转动画特效代码
分类:文字特效 > 文字动画 难易:
查看演示 下载资源 下载积分: 20 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。
<!DOCTYPE html>
<html lang="zh" class="no-js">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
		<link rel="stylesheet" type="text/css" href="css/default.css" />
		<script src="js/modernizr.js"></script>
		<link rel="stylesheet" type="text/css" href="css/adjector.css" />
		<link href='http://fonts.useso.com/css?family=Raleway:900' rel='stylesheet' type='text/css'>
		<script type="text/javascript" src="http://libs.useso.com/js/jquery/1.9.1/jquery.min.js"></script>
        <script type="text/javascript" src="js/adjector.js"></script>

        <script type="text/javascript">
	  		$(document).ready(function(){
      			$(".contain .adject").adjector();
			});
	</script>
	</head>
	<body>
		<div class="container">

			<div class="header">
				<h1>Adjector.js: Default Options</h1>	
			</div>

			<div class="menu">
				<a class="active" href="index.html">Demo 1</a>
				<a href="index2.html">Demo 2</a>
				<a href="index3.html">Demo 3</a>
				<a href="index4.html">Demo 4</a>
			</div>
		
			<div class="main">
	        	
			<div id="robo-wrapper">
	        	<h1 class="contain"><span class="adject">Im</span> <span class="adject">Robo|Geek|Cool|Lazy|Nerd</span></h1>
	        </div>

	      	</div>
		</div><!-- Container -->
	</body>
</html>
标签: 文字动画
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2