利用css3实现loading动画加载



63 250 84



特效描述:利用css3实现 loading 动画加载,利用css3实现loading动画加载

代码结构

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/style.css" />
<link href='http://fonts.googleapis.com/css?family=Racing+Sans+One' rel='stylesheet' type='text/css'>

2. 引入JS

<script src="js/modernizr.custom.63321.js"></script>

3. HTML代码

		<div class="container">
			<header>
				<h1><strong>css3实现loading动画加载</strong></h1>
				<h2></h2>
				<nav class="codrops-demos">
					<a class="current-demo" href="index.html">Demo</a>
					<a href="index2.html">Demo 2</a>
					<a href="index3.html">Demo 3</a>
					<a href="index4.html">Demo 4</a>
					<a href="index5.html">Demo 5</a>
				</nav>
				<div class="support-note">
					<span class="note-ie">对不起,不支持该浏览器。</span>
				</div>
			</header>
			<section class="main">
				<!-- the component -->
				<div class="wrapper">
					<div class="inner">
						<span>L</span>
						<span>o</span>
						<span>a</span>
						<span>d</span>
						<span>i</span>
						<span>n</span>
						<span>g</span>
					</div>
				</div>
			</section>
		</div>
<div style="text-align:center;clear:both">
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滚动切换 滑动选项卡切换 加载动画 选项卡切换 滑动手风琴 滑动星星打分 html5弹窗动画 延长延迟加载 html5动画h5动画 其他更多 html5按钮动画 css绘制样式 html5动画导航菜单 加载动画 全屏切换

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到