aktueller Standort： Heim > Herunterladen > JS-Effekte > CSS3特效 > CSS3特效猫挂在线球上左右摇摆动画

CSS3特效猫挂在线球上左右摇摆动画

Klassifizieren: JS-Effekte / CSS3特效	Veröffentlichkeitsdatum: 2017-12-18	Besuche: 1906
Herunterladen: 56

Klicken Sie hier zum Herunterladen Vorschaueffekt

Mehr>

Neueste Downloads

‎Fantasy-Aquarium

„Fantasy Aquarium“ ist ein Fantasy-Abenteuerspiel, das es Spielern ermöglicht, die geheimnisvolle Unterwasserwelt zu erkunden. In diesem fantasievollen Aquarium schlüpfen die Spieler in die Rolle eines Aquarienmanagers und Experten

0 2024-05-08

‎Girls Frontline

„Girls‘ Frontline“ ist ein von SUNBORN Games entwickeltes Strategie-Rollenspiel. In dieser zukünftigen Welt kämpfen Menschen und Robotermädchen in der Rolle eines Kommandanten und führen eine einzigartige Armee von Robotermädchen in einer Reihe spannender Schlachten an. Spielfunktionen: Ein riesiges Lager von Robotermädchen: Sammle und trainiere Robotermädchen mit unterschiedlichen Stilen und Fähigkeiten, um dein eigenes stärkstes Team aufzubauen. Tiefgründige Handlung: Kommunizieren Sie mit den Robotermädchen und gewinnen Sie ein tieferes Verständnis für den Hintergrund ihrer Geschichte, indem Sie ihnen im Kampf Unterstützung und Ermutigung bieten. Exquisite Kampfgrafiken: Genießen Sie wunderschöne Kampfszenen

832 2024-05-06

‎Flügel der Sterne

„Star Wings“ ist ein 3D-Wettbewerbsspiel, das Mecha-Girl-Elemente perfekt mit klassischem GVG-Kampfspiel kombiniert. Im Spiel steuern die Spieler ein Mecha-Mädchen mit starker Kampfkraft, um auf dem aufregenden Schlachtfeld erbitterte 1-gegen-1- und 2-gegen-2-Kämpfe auszutragen und dabei den unvergleichlichen Charme des Wettbewerbs zu spüren. Das Spiel nutzt hochpräzise 3D-Modellierungstechnologie, um wunderschöne Grafiken zu präsentieren. Jeder Mecha ist einzigartig und stellt die mechanische Struktur voller Technologie und die anmutige Figur des Mädchens feinfühlig dar, als wäre es ein animierter Blockbuster, der in Ihrer Handfläche läuft. Die schönen Pilotinnen haben jeweils ihren eigenen Charme und ihre unterschiedlichen Persönlichkeitsmerkmale kommen in ihren Stimmen und Handlungen zum Ausdruck.

521 2024-05-06

‎Kleine Blumenfee, Feenparadies

„Little Flower Fairy Fairy Paradise“ ist ein Gelegenheitsspiel voller kindlichem Spaß und Magie, das den meisten Spielern ein wunderbares Spielerlebnis bietet. Im Spiel schlüpfen Sie in die Rolle einer kleinen Blumenfee und betreten mit anderen Spielern das Elfenparadies, um sich auf ein Abenteuer voller Überraschungen einzulassen. Spielfunktionen: Neues magisches Abenteuer: Genießen Sie ein neues Elf Paradise-Abenteuer mit exquisiteren Grafiken. Exquisite Spielgrafiken: Das Spiel nutzt die neueste 3D-Technologie, um wunderschöne Spielgrafiken zu erstellen und den Spielern einen völlig neuen visuellen Schock zu bieten. Verschiedene Aktivitäten: Im Spiel können Spieler an verschiedenen Aktivitäten teilnehmen und zahlreiche Spielbelohnungen erhalten. reich

703 2024-05-06

‎Restaurant Cute Story

„Restaurant Cute Story“ ist ein niedliches Restaurant-Management-Simulationsspiel. In diesem Spiel schlüpfen Sie in die Rolle eines jungen Restaurantbesitzers. Indem Sie das Restaurant leiten und leiten, begrüßen Sie eine Gruppe netter Kunden und schaffen ein einzigartiges und geschäftiges Restaurant. Spielfunktionen: Niedliche Tierkunden: Es gibt verschiedene niedliche Tierfiguren als Kunden im Spiel. Jedes Tier hat seine eigenen Vorlieben und Bedürfnisse. Sie müssen die am besten geeigneten Gerichte entsprechend seinen Vorlieben bereitstellen. Passen Sie Ihr Restaurant individuell an: Von der Dekoration bis zu den Möbeln können Sie ein einzigartiges Restaurant nach Ihren eigenen Vorlieben und Ihrer Kreativität gestalten, um mehr Kunden anzulocken. Vielfältiges Menü: im Spiel

574 2024-05-05

‎Shanhe Reiseerkundung

„Shanhe Travel Detective“-Spieleinführung „Shanhe Travel Detective“ ist eine faszinierende Handlung mit einem Denk- und Ermittlungsspiel im chinesischen Stil. Dieses Spiel kombiniert geschickt traditionelle chinesische Kulturelemente mit klassischem Denk- und Ermittlungsspiel und präsentiert den Spielern eine Spielwelt voller Geheimnisse und Überraschungen. Im Spiel schlüpfen die Spieler in die Rolle eines talentierten jungen Detektivs, der durch Berge und Flüsse reist, um verschiedene komplizierte und verwirrende Fälle zu untersuchen. Jeder Fall ist sorgfältig konzipiert und voller Spannung und Herausforderungen. Die Spieler müssen Weisheit und Beobachtungsgabe einsetzen, um Hinweise zu sammeln und die Wahrheit herauszufinden. Das Spiel hat einen einzigartigen Grafikstil, der einen wunderschönen chinesischen Stil annimmt und altes Chinesisch kombiniert

946 2024-05-05

‎Liebe und Produzent

„Love and Producer“ ist ein von Elex entwickeltes Handyspiel für Frauen. In diesem Spiel schlüpfst du in die Rolle eines Produzenten und begibst dich auf eine romantische Reise mit vier markanten männlichen Protagonisten. Spielfunktionen: Synchronisation mit echten Personen, um das realistischste Handlungserlebnis wiederherzustellen. Die reichhaltige Spielhandlung und die Höhen und Tiefen emotionaler Geschichten lassen Sie in das Spiel eintauchen. Stellt den Betrieb von AR-Spielen perfekt wieder her, sodass Sie das Spiel besser genießen können. Das einzigartige Gameplay ermöglicht es Ihnen, den Protagonisten tiefer zu verstehen und eine andere Art von Liebe zu erleben. Verdiene dir Requisiten durch Aufgaben und Aktivitäten und verbessere damit die Eigenschaften des Helden.

519 2024-05-04

‎Das stärkste Gehirn 3

„The Biggest Brain 3“ ist ein spannendes und interessantes intellektuelles Wettkampfspiel, das die Grenzen Ihres Gehirns herausfordert und Ihre Weisheit und Fähigkeiten unter Beweis stellt. In diesem Spiel müssen sich die Spieler verschiedenen mentalen Herausforderungen stellen, darunter Entschlüsselung, Argumentation, Gedächtnis und andere Themen, damit Ihr Gehirn rundum trainiert werden kann. Spielfunktionen: Verschiedene Herausforderungsthemen, die mehrere Bereiche wie Entschlüsselung, Argumentation, Gedächtnis usw. abdecken und dafür sorgen, dass Sie sich nicht langweilen. Reichhaltiges Leveldesign, allmählich steigender Schwierigkeitsgrad, der die Grenzen Ihres IQ herausfordert. Es stehen verschiedene Spielmodi zur Verfügung, darunter Einzelspieler-Herausforderungen und Mehrspieler-Kämpfe, in denen Sie mit Ihren Freunden gegen den IQ antreten können. Exquisites Bilddesign und Soundeffekte sorgen für ein

869 2024-05-04

‎Odd Dust: Damila

„Earth: Damira“-Spieleinführung „Earth: Damira“ ist ein faszinierendes 3D-Science-Fiction-Otaku-Tower-Defense-Spiel mit außerirdischem Licht. In diesem Spiel schlüpfen die Spieler in die Rolle des Kapitäns der Atum und übernehmen die wichtige Aufgabe, die Hoffnung der Menschheit aufrechtzuerhalten, indem sie eine Gruppe „neugeborener“ Mädchen voller Kraft und Vitalität anführen, um den mysteriösen Planeten Damira zu erkunden dieser grüne außerirdische Planet. Mit seinem einzigartigen Science-Fiction-Setting und der exquisiten 3D-Grafik präsentiert das Spiel den Spielern eine fremde Welt voller Unbekannter und Herausforderungen. In diesem geheimnisvollen Land müssen die Spieler die Mädchen dazu anleiten, starke Verteidigungsanlagen aufzubauen, um Bedrohungen durch außerirdische Sterne zu widerstehen

254 2024-05-03

‎Junge Reise in den Westen 2

Spieleinführung „Journey to the West 2“ Wenn Sie in die Welt von „Journey to the West 2“ eintauchen, betreten Sie ein großartiges und fantasievolles Industrial-Punk-Abenteuer voller orientalischem Charme. Als neuestes Meisterwerk der Jugendkartenserie integriert dieses Spiel perfekt nationale Trendelemente mit Punk-Stil und präsentiert den Spielern eine beispiellose Welt von Journey to the West. Zunächst einmal ist der Stil des Spiels einzigartig. Die Designer kombinierten geschickt traditionelle chinesische Mal- und Drucktechniken mit modernen Punk-Elementen und machten so jeden Charakter und jede Szene voller starkem orientalischem Charme und avantgardistischer Punk-Atmosphäre. Die Spieler scheinen sich in einer Welt zu befinden, die Klassik und Moderne, Orientalische und Moderne verbindet

951 2024-05-03

24 StundenBestenliste lesen

Mehr>

Neueste Tutorials

【web前端】Node.js快速入门

国外Web开发全栈课程全集

1649 2024-04-24
Go语言实战之 GraphQL

1923 2024-04-19
550W粉丝大佬手把手从零学JavaScript

3343 2024-04-18
python大神Mosh，零基础小白6小时完全入门

2876 2024-04-10
MySQL 初学入门（mosh老师）

1752 2024-04-07
Mock.js | Axios.js | Json | Ajax--十天精品课堂

2562 2024-03-29

CSS3特效猫挂在线球上左右摇摆动画

CSS3特效猫挂在线球上左右摇摆动画是一款用CSS3做出的动画摇摆效果

<head>
<meta charset="utf-8">
<title>css3猫挂在线球上左右摇摆动画特效</title>

<style>
.all-wrap {
-webkit-animation: bob 7s cubic-bezier(0.5, 0, 0.5, 1) infinite both;
animation: bob 7s cubic-bezier(0.5, 0, 0.5, 1) infinite both;
}

.all {
top: 10rem;
left: calc(50% - 2.5rem);
position: absolute;
width: 5rem;
height: 5rem;
-webkit-transform-origin: center -20rem;
transform-origin: center -20rem;
-webkit-animation: swing 7s cubic-bezier(0.5, 0, 0.5, 1) infinite both;
animation: swing 7s cubic-bezier(0.5, 0, 0.5, 1) infinite both;
}
.all:before {
height: 20rem;
width: 2px;
background-color: #DB242A;
left: calc(50% - 1px);
bottom: 20rem;
}

.yarn {
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 80px;
border-radius: 50%;
background-image: -webkit-radial-gradient(top left, circle, #e97c7f, #db242a 50%, #af1d22);
background-image: radial-gradient(circle at top left, #e97c7f, #db242a 50%, #af1d22);
z-index: 1;
}
.yarn:before, .yarn:after {
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: white;
top: -1px;
}
.yarn:before {
left: calc(50% + 7px);
background-color: #b1bce6;
}
.yarn:after {
right: calc(50% + 7px);
background-color: #D5E8F8;
}

.cat-wrap {
position: absolute;
top: 0;
left: calc(50% - 45px);
width: 90px;
height: 130px;
-webkit-animation: reverse-swing 7s cubic-bezier(0.5, 0, 0.5, 1) infinite both;
animation: reverse-swing 7s cubic-bezier(0.5, 0, 0.5, 1) infinite both;
-webkit-transform-origin: top center;
transform-origin: top center;
}

.cat {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-animation: swing 7s 0.2s infinite both;
animation: swing 7s 0.2s infinite both;
-webkit-transform-origin: top center;
transform-origin: top center;
}

.cat-upper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform-origin: top center;
transform-origin: top center;
z-index: 1;
}
.cat-upper .cat-leg {
position: absolute;
width: 20px;
height: 100%;
background-color: white;
z-index: -1;
background-image: -webkit-linear-gradient(left, #D5E8F8, #D5E8F8 20%, #8B9BD9);
background-image: linear-gradient(to right, #D5E8F8, #D5E8F8 20%, #8B9BD9);
}
.cat-upper .cat-leg:nth-child(1) {
border-top-left-radius: 100px;
left: 10px;
}
.cat-upper .cat-leg:nth-child(1):after {
left: 50%;
}
.cat-upper .cat-leg:nth-child(2) {
border-top-left-radius: 0;
border-top-right-radius: 100px;
right: 10px;
}
.cat-upper .cat-leg:nth-child(2):after {
right: 50%;
}

.cat-lower-wrap {
height: 90%;
width: 100%;
position: absolute;
top: 100%;
width: 75px;
left: calc(50% - 37.5px);
-webkit-animation: reverse-swing 7s 0.2s infinite both;
animation: reverse-swing 7s 0.2s infinite both;
-webkit-transform-origin: top center;
transform-origin: top center;
}

.cat-lower {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-animation: swing 7s 0.5s infinite both;
animation: swing 7s 0.5s infinite both;
-webkit-transform-origin: top center;
transform-origin: top center;
}
.cat-lower:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 100px;
background-image: -webkit-radial-gradient(10px 50px, circle, #ffffff, #ffffff 40%, #d5e8f8 65%, #8b9bd9);
background-image: radial-gradient(circle at 10px 50px, #ffffff, #ffffff 40%, #d5e8f8 65%, #8b9bd9);
z-index: 1;
}
.cat-lower .cat-leg, .cat-lower .cat-paw {
z-index: -1;
position: absolute;
height: 20px;
width: 20px;
-webkit-animation: swing-leg 7s 0.3s infinite both;
animation: swing-leg 7s 0.3s infinite both;
z-index: 1;
-webkit-transform-origin: top center;
transform-origin: top center;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
background-image: -webkit-linear-gradient(left, white, #D5E8F8, #8B9BD9);
background-image: linear-gradient(to right, white, #D5E8F8, #8B9BD9);
}
.cat-lower > .cat-leg {
bottom: 20px;
}
.cat-lower > .cat-leg .cat-leg {
top: 25%;
}
.cat-lower > .cat-leg + .cat-leg {
right: 0;
}
.cat-lower .cat-paw {
top: 50%;
border-radius: 50%;
background-color: #fff;
}
.cat-lower .cat-tail {
position: absolute;
height: 15px;
width: 10px;
-webkit-animation: swing-tail 7s cubic-bezier(0.5, 0, 0.5, 1) infinite both;
animation: swing-tail 7s cubic-bezier(0.5, 0, 0.5, 1) infinite both;
-webkit-transform-origin: top center;
transform-origin: top center;
z-index: 0;
background-image: -webkit-linear-gradient(left, white, #D5E8F8, #8B9BD9);
background-image: linear-gradient(to right, white, #D5E8F8, #8B9BD9);
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.cat-lower .cat-tail > .cat-tail {
top: 50%;
}
.cat-lower > .cat-tail {
left: calc(50% - 5px);
top: 95%;
}

.cat-head {
width: 90px;
height: 90px;
background-image: -webkit-radial-gradient(10px 10px, circle, #ffffff, #ffffff 40%, #d5e8f8 65%, #8b9bd9);
background-image: radial-gradient(circle at 10px 10px, #ffffff, #ffffff 40%, #d5e8f8 65%, #8b9bd9);
border-radius: 50%;
top: calc(100% - 45px);
}

.cat-face {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-animation: face 7s cubic-bezier(0.5, 0, 0.5, 1) infinite both;
animation: face 7s cubic-bezier(0.5, 0, 0.5, 1) infinite both;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 100px;
perspective: 100px;
}

.cat-ears {
position: absolute;
top: 0;
left: 0;
height: 50%;
width: 100%;
z-index: -1;
}

.cat-ear {
width: 20px;
height: 100%;
position: absolute;
border-radius: 5px;
top: -10px;
}
.cat-ear:first-child {
left: 0;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-transform: skewY(40deg);
transform: skewY(40deg);
background-color: white;
}
.cat-ear:first-child:before {
left: 0;
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
background-color: #D7EBFB;
}
.cat-ear:last-child {
right: 0;
-webkit-transform-origin: top right;
transform-origin: top right;
-webkit-transform: skewY(-40deg);
transform: skewY(-40deg);
background-color: #d1e6f7;
}
.cat-ear:last-child:before {
right: 0;
border-top-left-radius: 50%;
border-bottom-left-radius: 50%;
background-color: #e0f0fc;
}
.cat-ear:before {
width: 60%;
height: 100%;
top: 10px;
position: absolute;
background-color: #fff;
}

.cat-eyes {
position: absolute;
top: 50%;
width: 100%;
height: 6px;
-webkit-animation: blink 7s step-end infinite both;
animation: blink 7s step-end infinite both;
}
.cat-eyes:before, .cat-eyes:after {
position: absolute;
height: 6px;
width: 6px;
border-radius: 50%;
background-color: #4B4D75;
}
.cat-eyes:before {
left: 20px;
}
.cat-eyes:after {
right: 20px;
}

.cat-mouth {
position: absolute;
width: 12px;
height: 8px;
background-color: #4B4D75;
top: 60%;
left: calc(50% - 6px);
border-top-left-radius: 50% 30%;
border-top-right-radius: 50% 30%;
border-bottom-left-radius: 50% 70%;
border-bottom-right-radius: 50% 70%;
-webkit-transform: translateZ(10px);
transform: translateZ(10px);
}
.cat-mouth:before, .cat-mouth:after {
position: absolute;
width: 90%;
height: 100%;
border: 2px solid #9FA2CB;
top: 80%;
border-radius: 100px;
border-top-color: transparent;
z-index: -1;
}
.cat-mouth:before {
border-left-color: transparent;
right: calc(50% - 1px);
-webkit-transform-origin: top right;
transform-origin: top right;
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
.cat-mouth:after {
border-right-color: transparent;
left: calc(50% - 1px);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}

.cat-whiskers {
width: 50%;
height: 8px;
position: absolute;
bottom: 25%;
left: 25%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 60px;
perspective: 60px;
}
.cat-whiskers:before, .cat-whiskers:after {
position: absolute;
height: 100%;
width: 30%;
border: 2px solid #9FA2CB;
border-left: none;
border-right: none;
}
.cat-whiskers:before {
right: 100%;
-webkit-transform-origin: right center;
transform-origin: right center;
-webkit-transform: rotateY(70deg) rotateZ(-10deg);
transform: rotateY(70deg) rotateZ(-10deg);
}
.cat-whiskers:after {
left: 100%;
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform: rotateY(-70deg) rotateZ(10deg);
transform: rotateY(-70deg) rotateZ(10deg);
}

@-webkit-keyframes bob {
0% {
-webkit-transform: translateY(0.4rem);
transform: translateY(0.4rem);
}
6.25% {
-webkit-transform: translateY(-0.4rem);
transform: translateY(-0.4rem);
}
12.5% {
-webkit-transform: translateY(0.4rem);
transform: translateY(0.4rem);
}
18.75% {
-webkit-transform: translateY(-0.4rem);
transform: translateY(-0.4rem);
}
25% {
-webkit-transform: translateY(0.4rem);
transform: translateY(0.4rem);
}
31.25% {
-webkit-transform: translateY(-0.4rem);
transform: translateY(-0.4rem);
}
37.5% {
-webkit-transform: translateY(0.4rem);
transform: translateY(0.4rem);
}
43.75% {
-webkit-transform: translateY(-0.4rem);
transform: translateY(-0.4rem);
}
50% {
-webkit-transform: translateY(0.4rem);
transform: translateY(0.4rem);
}
56.25% {
-webkit-transform: translateY(-0.4rem);
transform: translateY(-0.4rem);
}
62.5% {
-webkit-transform: translateY(0.4rem);
transform: translateY(0.4rem);
}
68.75% {
-webkit-transform: translateY(-0.4rem);
transform: translateY(-0.4rem);
}
75% {
-webkit-transform: translateY(0.4rem);
transform: translateY(0.4rem);
}
81.25% {
-webkit-transform: translateY(-0.4rem);
transform: translateY(-0.4rem);
}
87.5% {
-webkit-transform: translateY(0.4rem);
transform: translateY(0.4rem);
}
93.75% {
-webkit-transform: translateY(-0.4rem);
transform: translateY(-0.4rem);
}
100% {
-webkit-transform: translateY(0.4rem);
transform: translateY(0.4rem);
}
}

@keyframes bob {
0% {
-webkit-transform: translateY(0.4rem);
transform: translateY(0.4rem);
}
6.25% {
-webkit-transform: translateY(-0.4rem);
transform: translateY(-0.4rem);
}
12.5% {
-webkit-transform: translateY(0.4rem);
transform: translateY(0.4rem);
}
18.75% {
-webkit-transform: translateY(-0.4rem);
transform: translateY(-0.4rem);
}
25% {
-webkit-transform: translateY(0.4rem);
transform: translateY(0.4rem);
}
31.25% {
-webkit-transform: translateY(-0.4rem);
transform: translateY(-0.4rem);
}
37.5% {
-webkit-transform: translateY(0.4rem);
transform: translateY(0.4rem);
}
43.75% {
-webkit-transform: translateY(-0.4rem);
transform: translateY(-0.4rem);
}
50% {
-webkit-transform: translateY(0.4rem);
transform: translateY(0.4rem);
}
56.25% {
-webkit-transform: translateY(-0.4rem);
transform: translateY(-0.4rem);
}
62.5% {
-webkit-transform: translateY(0.4rem);
transform: translateY(0.4rem);
}
68.75% {
-webkit-transform: translateY(-0.4rem);
transform: translateY(-0.4rem);
}
75% {
-webkit-transform: translateY(0.4rem);
transform: translateY(0.4rem);
}
81.25% {
-webkit-transform: translateY(-0.4rem);
transform: translateY(-0.4rem);
}
87.5% {
-webkit-transform: translateY(0.4rem);
transform: translateY(0.4rem);
}
93.75% {
-webkit-transform: translateY(-0.4rem);
transform: translateY(-0.4rem);
}
100% {
-webkit-transform: translateY(0.4rem);
transform: translateY(0.4rem);
}
}
@-webkit-keyframes swing {
0% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
12.5% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
25% {
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
37.5% {
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
50% {
-webkit-transform: rotate(23deg);
transform: rotate(23deg);
}
62.5% {
-webkit-transform: rotate(-23deg);
transform: rotate(-23deg);
}
75% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
87.5% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
100% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
}
@keyframes swing {
0% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
12.5% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
25% {
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
37.5% {
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
50% {
-webkit-transform: rotate(23deg);
transform: rotate(23deg);
}
62.5% {
-webkit-transform: rotate(-23deg);
transform: rotate(-23deg);
}
75% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
87.5% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
100% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
}
@-webkit-keyframes swing-leg {
0% {
-webkit-transform: rotate(0.5deg);
transform: rotate(0.5deg);
}
12.5% {
-webkit-transform: rotate(-1deg);
transform: rotate(-1deg);
}
25% {
-webkit-transform: rotate(1deg);
transform: rotate(1deg);
}
37.5% {
-webkit-transform: rotate(-1.5deg);
transform: rotate(-1.5deg);
}
50% {
-webkit-transform: rotate(2.3deg);
transform: rotate(2.3deg);
}
62.5% {
-webkit-transform: rotate(-2.3deg);
transform: rotate(-2.3deg);
}
75% {
-webkit-transform: rotate(1.5deg);
transform: rotate(1.5deg);
}
87.5% {
-webkit-transform: rotate(-1deg);
transform: rotate(-1deg);
}
100% {
-webkit-transform: rotate(0.5deg);
transform: rotate(0.5deg);
}
}
@keyframes swing-leg {
0% {
-webkit-transform: rotate(0.5deg);
transform: rotate(0.5deg);
}
12.5% {
-webkit-transform: rotate(-1deg);
transform: rotate(-1deg);
}
25% {
-webkit-transform: rotate(1deg);
transform: rotate(1deg);
}
37.5% {
-webkit-transform: rotate(-1.5deg);
transform: rotate(-1.5deg);
}
50% {
-webkit-transform: rotate(2.3deg);
transform: rotate(2.3deg);
}
62.5% {
-webkit-transform: rotate(-2.3deg);
transform: rotate(-2.3deg);
}
75% {
-webkit-transform: rotate(1.5deg);
transform: rotate(1.5deg);
}
87.5% {
-webkit-transform: rotate(-1deg);
transform: rotate(-1deg);
}
100% {
-webkit-transform: rotate(0.5deg);
transform: rotate(0.5deg);
}
}
@-webkit-keyframes swing-tail {
0% {
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
}
12.5% {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
25% {
-webkit-transform: rotate(-4deg);
transform: rotate(-4deg);
}
37.5% {
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
50% {
-webkit-transform: rotate(-9.2deg);
transform: rotate(-9.2deg);
}
62.5% {
-webkit-transform: rotate(9.2deg);
transform: rotate(9.2deg);
}
75% {
-webkit-transform: rotate(-6deg);
transform: rotate(-6deg);
}
87.5% {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
100% {
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
}
}
@keyframes swing-tail {
0% {
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
}
12.5% {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
25% {
-webkit-transform: rotate(-4deg);
transform: rotate(-4deg);
}
37.5% {
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
50% {
-webkit-transform: rotate(-9.2deg);
transform: rotate(-9.2deg);
}
62.5% {
-webkit-transform: rotate(9.2deg);
transform: rotate(9.2deg);
}
75% {
-webkit-transform: rotate(-6deg);
transform: rotate(-6deg);
}
87.5% {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
100% {
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
}
}
@-webkit-keyframes reverse-swing {
0% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
12.5% {
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
25% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
37.5% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
50% {
-webkit-transform: rotate(-23deg);
transform: rotate(-23deg);
}
62.5% {
-webkit-transform: rotate(23deg);
transform: rotate(23deg);
}
75% {
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
87.5% {
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
100% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
}
@keyframes reverse-swing {
0% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
12.5% {
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
25% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
37.5% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
50% {
-webkit-transform: rotate(-23deg);
transform: rotate(-23deg);
}
62.5% {
-webkit-transform: rotate(23deg);
transform: rotate(23deg);
}
75% {
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
87.5% {
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
100% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
}
@-webkit-keyframes face {
0% {
-webkit-transform: translateX(-2.5px);
transform: translateX(-2.5px);
}
12.5% {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
25% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
37.5% {
-webkit-transform: translateX(7.5px);
transform: translateX(7.5px);
}
50% {
-webkit-transform: translateX(-11.5px);
transform: translateX(-11.5px);
}
62.5% {
-webkit-transform: translateX(11.5px);
transform: translateX(11.5px);
}
75% {
-webkit-transform: translateX(-7.5px);
transform: translateX(-7.5px);
}
87.5% {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
100% {
-webkit-transform: translateX(-2.5px);
transform: translateX(-2.5px);
}
}
@keyframes face {
0% {
-webkit-transform: translateX(-2.5px);
transform: translateX(-2.5px);
}
12.5% {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
25% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
37.5% {
-webkit-transform: translateX(7.5px);
transform: translateX(7.5px);
}
50% {
-webkit-transform: translateX(-11.5px);
transform: translateX(-11.5px);
}
62.5% {
-webkit-transform: translateX(11.5px);
transform: translateX(11.5px);
}
75% {
-webkit-transform: translateX(-7.5px);
transform: translateX(-7.5px);
}
87.5% {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
100% {
-webkit-transform: translateX(-2.5px);
transform: translateX(-2.5px);
}
}
@-webkit-keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes blink {
from, to, 10%, 25%, 80% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
8%, 23%, 78% {
-webkit-transform: scaleY(0.1);
transform: scaleY(0.1);
}
}
@keyframes blink {
from, to, 10%, 25%, 80% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
8%, 23%, 78% {
-webkit-transform: scaleY(0.1);
transform: scaleY(0.1);
}
}
body, html {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
background-color: #1F1F3C;
overflow: hidden;
}

*, *:before, *:after {
box-sizing: border-box;
position: relative;
-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

*:before, *:after {
content: '';
display: block;
}

Erklärung dieser Website

Alle Ressourcen auf dieser Website werden von Internetnutzern beigesteuert und veröffentlicht oder von großen Download-Sites nachgedruckt. Bitte überprüfen Sie selbst die Integrität der Software! Alle Ressourcen auf dieser Website dienen nur zum Lernen und Nachschlagen. Bitte verwenden Sie sie nicht für kommerzielle Zwecke, da Sie sonst für alle daraus entstehenden Folgen verantwortlich sind! Wenn es einen Verstoß gibt, kontaktieren Sie uns bitte, um ihn zu löschen und zu entfernen. Kontaktinformationen: admin@php.cn