当前位置 :首页 > 网页特效 > HTML5/CSS3 > 纯CSS3实现的网页加载动画特效

纯CSS3实现的网页加载动画特效

42 0 时间:2019-08-09  查看评论 (0)
内容摘要:这是一款纯css3实现的网页加载动画特效,基于css3animation制作的网页中心圆形的加载动画特效

使用方法:

引入css文件

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


html结构

<div class="wrapper">
	<div class="belt">
		<div class="t" style='--index: 0'></div>
		<div class="t" style='--index: 1'></div>
		<div class="t" style='--index: 2'></div>
		<div class="t" style='--index: 3'></div>
		<div class="t" style='--index: 4'></div>
		<div class="t" style='--index: 5'></div>
		<div class="t" style='--index: 6'></div>
		<div class="t" style='--index: 7'></div>
		<div class="t" style='--index: 8'></div>
		<div class="t" style='--index: 9'></div>
	</div>
	<div class="box" style='--index: 0'></div>
	<div class="box" style='--index: 1'></div>
	<div class="box" style='--index: 2'></div>
	<div class="box" style='--index: 3'></div>
	<div class="box" style='--index: 4'></div>
</div>
相关代码-HTML5/CSS3

讨论这个项目(0)回答他人问题有机会获得积分奖励哦

稍等,评论加载中...

发送qq消息

关注公众号
扫一扫关注公众号

微信交流请加:tgw750203

在线客服