CSS3 lädt den Animationseffekt
CSS3 lädt den Animationseffekt
<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>
<Stil>
#loading{
Hintergrundfarbe: #bd4932;
Höhe: 100 %;
Breite: 100 %;
Position: fest;
Z-Index: 1;
margin-top: 0px;
oben: 0px;
}
#loading-center{
Breite: 100 %;
Höhe: 100 %;
Position: relativ;
}
#loading-center-absolute {
Position: absolut;
übrig: 50 %;
oben: 50 %;
Höhe: 200px;
Breite: 200px;
margin-top: -100px;
Rand links: -100px;
}
#Objekt{
Breite: 80px;
Höhe: 80px;
Hintergrundfarbe: #FFF;
-webkit-animation: 1s unendliches Easy-In-Out animieren;
Animation: 1s unendliches Easy-in-out animieren;
margin-right: auto;
margin-left: auto;
Rand oben: 60px;
}
这是一份css3 wird geladen加载动画效果，需要的朋友可以下载使用
Alle Ressourcen auf dieser Website werden von Internetnutzern bereitgestellt oder von großen Download-Sites nachgedruckt. Bitte überprüfen Sie selbst die Integrität der Software! Alle Ressourcen auf dieser Website dienen nur als Referenz zum Lernen. Bitte nutzen Sie diese nicht für kommerzielle Zwecke. Andernfalls sind Sie für alle Folgen verantwortlich! Wenn ein Verstoß vorliegt, kontaktieren Sie uns bitte, um ihn zu löschen. Kontaktinformationen: admin@php.cn
Verwandter Artikel
09 Oct 2016
Verschiedene Spezialeffekte des Filters in CSS3
Wie erkennt man den Anfang und das Ende von CSS3-Übergängen?
12 Nov 2024
CSS3-ÜbergangsereignisseBei der Arbeit mit CSS3-Übergängen ist es oft hilfreich zu wissen, wann ein Übergang begonnen oder beendet hat. In CSS3 gibt es...
Wie kann ich den CSS3-Übergangsfortschritt mithilfe von DOM-Ereignissen überwachen?
19 Dec 2024
CSS3-Übergangsereignisse: Überwachen des Übergangsfortschritts mit DOM-EreignissenIn CSS3 bieten Übergänge eine reibungslose und animierte Möglichkeit, den...
Wie kann ich den Abschluss von CSS3-Hover-Animationen erzwingen?
29 Dec 2024
Abschluss von CSS3-Animationen beim Schweben erzwingenWenn Sie eine CSS3-Animation auf den :hover-Zustand anwenden, stoppt die Animation beim Verlassen des Zustands abrupt.
Wie erkennt man den Abschluss von CSS3-Übergängen und -Animationen mit jQuery?
04 Nov 2024
Erkennen des Abschlusses von CSS3-Übergängen und -Animationen Die Verwendung von jQueryTransitioning-Elementen mit CSS3 bietet flüssigere Animationen als ...
Wie kann ich den Anfang und das Ende von CSS3-Übergängen erkennen?
31 Dec 2024
Erkennen von CSS3-ÜbergangsereignissenÜbergänge in CSS3 fügen Webelementen dynamische Effekte hinzu und verbessern so deren Reaktionsfähigkeit. Allerdings ist es oft...
Wie kann ich den Abschluss von CSS3-Übergängen in verschiedenen Browsern zuverlässig erkennen?
20 Dec 2024
CSS3-Übergangsereignisse verstehen: Ein umfassender Leitfaden CSS3-Übergänge bieten eine leistungsstarke Möglichkeit, Elementänderungen reibungslos zu animieren. Während...
Hot Tools
CSS-Text wird zu einem herzförmigen Animationsspezialeffekt kombiniert
CSS-Text wird zu einem herzförmigen Animationsspezialeffekt kombiniert
CSS3 SVG-Ausdruck, Blumenanimation, Spezialeffekte
Der SS3 SVG-Spezialeffekt „Geständnisblumen-Animation“ ist ein Spezialeffekt für die Valentinstag-Animation.
CSS-Websites für Einkaufszentren verwenden häufig den Code für das Dropdown-Navigationsmenü der linken Kategorie
CSS-Websites für Einkaufszentren verwenden häufig den Code für das Dropdown-Navigationsmenü der linken Kategorie
jQuery+CSS3 Valentinstag-Liebeseffekt
jQuery+CSS3 Der Valentinstag-Liebesspezialeffekt ist ein hängender, schwingender Herzanimations-Spezialeffekt zum Valentinstag.
CSS3-Löffel schöpft klebrige Reisbällchen mit Spezialeffekten
Eine Schüssel mit süßem Klebreisbällchen-Ausdruck, ein Löffel, der eine Klebreisbällchen-Animation mit Spezialeffekten aufnimmt