CSS3-Animationseffekt für Seekreuzfahrten
CSS3-Animationseffekt für Seekreuzfahrten
Der CSS3-Seekreuzfahrt-Animationseffekt ist ein spezieller Schiffsanimationseffekt auf dem Meer, der über das CSS3-Animationsattribut erzeugt wird.
<svg version="1.1" class="ship" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 600 600" style="enable-background:new 0 0 600 600;"
<circle id="sun" class="ship1" cx="520.8" cy="369.8" r="44.9"/>
<rect id="smoke1" x="173" y="225" width="18" height="10"/>
<rect id="smoke2" x="173" y="225" width="18" height="10"/>
<rect id="smoke3" x="173" y="225" width="18" height="10"/>
<rect id="smoke4" x="173" y="225" width="18" height="10"/>
<g id="ship">
<polyline class="ship3" point="261,4,274,1 266,7,246,9 272,1,274,3 261,4,274,1 "/>
<ellipse class="ship1" cx="267.1" cy="253.7" rx="13.6" ry="13.3"/>
<path class="ship3" d="M274.8,244c5.2,4.1,6,11.6,1.8,16.9c0,0-2.4-5.9-7.6-10c-5.2-4.1-11.1-4.7-11.1-4.7
C262.1,240,9,269,6,239,9,274,8,244z"/>
<polyline class="ship1" point="269,6,274,3 272,1,274,3 270,9,268,1 "/>
331,6.286,6 332.296,9 344,9.296,9 345,5.319 447,5.310,5 "/>
<path class="ship1" d="M294.6,274.2l23.6,0l0.2,12.6l13.2-0.1l0.4,10.2h12.9l1.4,23.7c0,0-79.5,6.6-123.1, 7.3
c-34,4,0,5,97,4-8,2,97,4-8,2l-0,7-20,2l-15,9-0,2l0,1-11h-9,8L294,6,274,2z"/>
<g>
<polygon class="ship1" point="195,1.275 167.275 172,2.238,8 189,9.238,8 "/>
<polygon class="ship3" point="189,3,275 167,275 172,2,238,8 187,5,238,8 "/>
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
CSS3 + JQuery realisiert den Animationseffekt zum Umblättern der Fragebogen-Antwortkarte
28 May 2017
Die Spezialeffekte dieser optionalen Umfrage liegen in Form von Registerkarten vor, und jedes Mal, wenn Sie eine Frage beantworten, wird automatisch zur nächsten gewechselt, was ziemlich einzigartig ist. Verwendet jQuery und CSS3, geeignet für HTML5-Browser.
Beispiel für einen jquery+css3-Fragebogen-Antwortkarten-Animationseffekt zum Umblättern
08 Dec 2016
Beispiel für einen jquery+css3-Fragebogen-Antwortkarten-Animationseffekt zum Umblättern
Die CSS3-Animation implementiert eine Beispieleinführung für einen Frame-für-Frame-Animationseffekt
09 Mar 2017
Dieser Artikel stellt hauptsächlich CSS3-Animationen vor, um Frame-für-Frame-Animationseffekte zu erzielen. Interessierte Freunde können darauf verweisen.
CSS3-Implementierung des Beispielcodes für benutzerdefinierte Checkbox-Spezialeffekte
14 May 2017
Dieser Artikel führt Sie hauptsächlich in die relevanten Informationen zur Verwendung von CSS3 zum Implementieren benutzerdefinierter Checkbox-Spezialeffekte ein. Der Artikel enthält einen vollständigen Beispielcode als Referenz und zum Lernen für jeden, der benutzerdefinierte Checkbox-Stile lernt Interessiert Schauen wir uns unten gemeinsam einen Blick darauf.
Hat der CSS3-Animationseffekt eine Verformung?
28 Apr 2022
Der Animationseffekt in CSS3 verfügt über eine Verformung. Sie können „Animation: Animationsattribut @keyframes ..{..{transform: Transformationsattribut}}“ verwenden, um den Animationsstil festzulegen Das Transformationsattribut wird zum Festlegen des Verformungsstils verwendet.
24 Nov 2017
Dieses Mal werde ich Ihnen beibringen, wie Sie mit CSS3 einen Folienwechsel-Animationseffekt erstellen. Der Folienwechsel-Animationseffekt kann in vielen Situationen verwendet werden.
Wie erzielt man einen wunderschönen CSS3-Animationseffekt? (Codebeispiel)
22 Oct 2018
In diesem Artikel erfahren Sie, wie Sie einen wunderschönen CSS3-Animationseffekt erzielen. (Codebeispiel) hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.
Reines CSS3, um einen Minion-Animationseffekt zu erzielen
12 Jun 2020
In diesem Artikel erfahren Sie, wie Sie den Minion-Animationseffekt mit reinem CSS3 realisieren. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.
CSS3 realisiert den Animationseffekt, wenn man klebrige Reisbällchen mit einem Löffel aufnimmt (super süß)!
15 Feb 2022
Allen Schülern ein frohes Laternenfest! ! ! Heute gebe ich Ihnen eine Schüssel mit heißen Klebreisbällchen, die köstlich sind. Der vollständige Quellcode für Spezialeffekte und der Bildlink finden Sie am Ende des Artikels. Klicken Sie hier, um eine Vorschau anzuzeigen und herunterzuladen.
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