css3 loading loading animation effect
css3 loading loading animation effect
<link href="_css/Icomoon/style.css" rel="stylesheet" type="text/css" />
<link href="_css/main.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="_scripts/jquery-2.0.2.min.js"></script>
<script type="text/javascript" src="_scripts/main.js"></script>
<style>
#loading{
background-color: #bd4932;
height: 100%;
width: 100%;
position: fixed;
z-index: 1;
margin-top: 0px;
top: 0px;
}
#loading-center{
width: 100%;
height: 100%;
position: relative;
}
#loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 200px;
width: 200px;
margin-top: -100px;
margin-left: -100px;
}
#object{
width: 80px;
height: 80px;
background-color: #FFF;
-webkit-animation: animate 1s infinite ease-in-out;
animation: animate 1s infinite ease-in-out;
margin-right: auto;
margin-left: auto;
margin-top: 60px;
}
这是一份css3 loading加载动画效果，需要的朋友可以下载使用
All resources on this site are contributed by netizens or reprinted by major download sites. Please check the integrity of the software yourself! All resources on this site are for learning reference only. Please do not use them for commercial purposes. Otherwise, you will be responsible for all consequences! If there is any infringement, please contact us to delete it. Contact information: admin@php.cn
Related Article
24 Jun 2016
Based on css3 cool page loading animation special effects code
25 Nov 2017
Today we will teach you how to use CSS3 to create a Loading animation effect. Why should we use Loadning to create animation effects? Let us give you an example. I believe that all your confusion will disappear after reading it.
Code case sharing using CSS3 to implement Loading animation effects
25 May 2017
This article describes the code case sharing of using CSS3 to implement Loading animation special effects. Friends in need can refer to it.
Pure CSS3 realizes page loading animation effect (with code)
15 Oct 2018
When opening a page, you often encounter a situation where the page is loading. As a front-end developer, do you know how to use CSS3 to achieve page loading animation effects? This article will share with you a cool and practical CSS3 loading animation effect code. It has certain reference value. Interested friends can take a look.
Use CSS3 flat loading animation effects
13 Mar 2017
This article uses CSS3 flat loading animation effects
Loading animation special effects introductory tutorial
12 Jun 2017
The code case sharing code for using CSS3 to implement Loading animation special effects is as follows: <!DOCTYPE html><html><head> <meta charset="UTF-8"> &nb
CSS3 learning page loading animation (5)
15 Oct 2018
I have published four articles before, with twenty-two effects. In this article, I will share with you 6 types of CSS3 page loading animations, for a total of twenty-eight page loading animation effects. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.
CSS3 implements 10 loading effect methods
07 Mar 2017
This article mainly introduces 10 loading effects in CSS3 in detail. The effect implementation is simple and novel, and has certain reference value. Interested friends can refer to it.
Use CSS3 to create practical loading animation effects (two types)
27 Aug 2021
In the previous article "Create a cool triangle background image using CSS3", we introduced how to use CSS3 to create a cool triangle background. This time we continue to share CSS3 effects and see how to use pure CSS3 to achieve loading animation effects. If you are interested, you can learn more~
Hot Tools
CSS text is combined into a heart-shaped animation special effect
CSS text is combined into a heart-shaped animation special effect
CSS3 SVG expression flower animation special effects
SS3 SVG confession flower animation special effect is a Valentine's Day animation special effect.
CSS shopping mall websites commonly use left category drop-down navigation menu code
CSS shopping mall websites commonly use left category drop-down navigation menu code
jQuery+CSS3 Valentine's Day love special effects
jQuery+CSS3 Valentine's Day Love Special Effect is a Valentine's Day hanging swinging heart animation special effect.
css3 spoon scooping up glutinous rice balls animation special effects
A bowl of cute glutinous rice balls expression, a spoon scooping up a glutinous rice balls animation special effects