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
Digging Into the Preview Loading Animation in WordPress
15 Apr 2025
WordPress shipped the Block Editor (aka Gutenberg) back in version 5.0 and with it came a snazzy new post preview screen that shows the WordPress logo drawing
How to Create an Endless CSS Rotation Animation for Loading Icons?
09 Nov 2024
Endless CSS Rotation AnimationLoading icons are essential for user experience, providing visual feedback during website loading. Customizing the...
How to Create a Responsive Marquee Effect with CSS3 Animation?
07 Dec 2024
How can I create a responsive marquee effect with CSS3 animation?CSS3 animations provide a powerful way to add motion to your website elements....
Create circular progress bar animation effect using CSS3 and SVG
04 Apr 2025
You can use CSS3 and SVG to create a circular progress bar animation effect. The steps are as follows: Create an SVG element and define a circular path; set a dotted line style for the circular path; use CSS3 animation to control the offset of the dashed line; set a progress percentage by adjusting the initial offset of the dashed line.
How to Create a Looping \'Loading\' Text Fade Animation with Pure CSS?
26 Oct 2024
Creating a Looping CSS Animation to Fade In & Out "Loading" TextTo achieve a continuous fading animation effect for the "Loading" text without...
How Can I Create a Responsive Marquee Effect with CSS3 Animation?
04 Dec 2024
Implementing a Responsive Marquee EffectIn this article, we delve into the realm of creating a responsive marquee effect using CSS3 animation....
How to Create an Infinitely Looping Fading Animation for \'Loading\' Text with CSS?
29 Oct 2024
Creating a CSS-only Animation Loop for Fading "Loading" TextIn this tutorial, we aim to create a CSS animation that simulates a fading "Loading"...
How to Create an Infinite Fading Loop Animation for \'Loading\' Text with CSS?
26 Oct 2024
Effortless CSS Animation: Infinite Fading Loop for "Loading" TextTo achieve a seamless looping animation for text that fades in and out...
How to add loading animation to the a tag click and then jump?
05 Apr 2025
Cleverly implementing the short animation and jump after clicking the a tag, many times, we hope that after clicking the a tag, the page can first display a short loading event...
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