利用css3实现旋转加载动画



8 31 11



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

代码结构

1. 引入CSS

<link href="css/main.css" rel="stylesheet" type="text/css" />
<link href="css/loading1.css" rel="stylesheet" type="text/css" />
<link href="css/loading2.css" rel="stylesheet" type="text/css" />
<link href="css/loading3.css" rel="stylesheet" type="text/css" />
<link href="css/loading4.css" rel="stylesheet" type="text/css" />

2. HTML代码

        <div class="main_body">
            <div class="element">
                <div class="loading1">
                </div>
            </div>
            <div class="element">
                <div class="loading2">
                    <div></div>
                </div>
            </div>
            <div class="element">
                <div class="loading3">
                    <div>loading..</div>
                    <div></div>
                    <div></div>
                </div>
            </div>
            <div class="element">
                <div class="loading4">
                </div>
            </div>
        </div>
<div style="text-align:center;clear:both">
</div>



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


热门标签: 延迟加载 无限加载 延迟 加载 加载动画

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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