久久资源网

css3 loading正在加载中效果

css3 loading正在加载中效果

2019-04-16 18:27:11 CSS3实例

售价:5.00积分 会员免费

特别声明:资源售价只是赞助,不代表代码或者素材本身点数。收取费用仅维持本站的日常运营所需!

css3 loading正在加载中效果

纯css3 animation属性制作正在加载中loading动画效果,动态loading加载中特效。这是一款响应式的loading文字加载动画,适用于手机端网页加载特效。

使用方法

1、head引入css文件

<link type="text/css" href="css/style.css" rel="stylesheet" />

2、body引入HTML代码

<div id="app">

	<div class="text-wrapper">
		<div class="text part1">
			<div>
				<span class="letter"><div class="character">L</div> <span></span></span>
				<span class="letter"><div class="character">o</div> <span></span></span>
				<span class="letter"><div class="character">a</div> <span></span></span>
				<span class="letter"><div class="character">d</div> <span></span></span>
				<span class="letter"><div class="character">i</div> <span></span></span>
				<span class="letter"><div class="character">n</div> <span></span></span>
				<span class="letter"><div class="character">g</div> <span></span></span>
			</div>
		</div>
		<div class="how-to"><span>正在加载中,请您耐心等待...</span></div>
	</div>

</div>

资源出处:https://www.moyublog.com/codes/9433.html

关注微信