Zuerst müssen wir das Attribut „transform-origin“ verwenden. Das Attribut „transform“ muss verwendet werden. Es hat viele Attribute. Wir müssen nur das Attribut „rotate“ von „transform“ verwenden (um den 2D-Rotationswinkel festzulegen) und dann „transform-origin“ verwenden, um den Mittelpunkt festzulegen. Ordnen Sie es abschließend dem CSS3-Animationsattribut „animation“ zu. Vervollständigen Sie den gewünschten Effekt. Kreise sind dynamisch. Animation: meine ersten 10 Sekunden linear unendlich; myfirst: ID zum Binden von @keyframes Schließlich mit @keyframes @keyframes meinerstes{ 0 %{ transformieren: drehen(0); } 25 % transformieren: drehen (90 Grad); } 50 %{ transformieren: drehen (180 Grad); } 75 % transformieren: drehen (270 Grad); } 100 %{ transformieren: drehen (360 Grad); } } Fertig Dies ist das Ende dieses Artikels über die Verwendung von Transform-Origin in CSS3, um eine Punktverteilung auf einem großen Kreis und Rotationseffekte zu erzielen. Weitere verwandte Inhalte über die Verwendung von Transform-Origin in CSS3, um eine Punktverteilung auf einem großen Kreis und Rotationseffekte zu erzielen, finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder stöbern Sie weiter unten in den verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen! |
<<: Vermittlung der Struktur- und Ausdrucksprinzipien eines einfachen Webseiten-Layouts
>>: Beispiel für die Anzeige eines Standardbilds, wenn in HTML kein Bild vorhanden ist
Die von Navicat exportierten Daten können nicht i...
COALESCE ist eine Funktion, die sich nacheinander...
Docker-Installation 1. Anforderungen: Linux-Kerne...
Die gebräuchlichste, am häufigsten verwendete und ...
Umweltbeschreibung: Es gibt eine laufende MySQL-U...
Problembeschreibung Vor kurzem gab es einen MySQL...
Inhaltsverzeichnis Problem 1: Zerstörung 1. Wie m...
Trident-Kern: IE, MaxThon, TT, The World, 360, So...
<Text> <div id="Wurzel"> &l...
In diesem Artikel wird der spezifische Code eines...
Inhaltsverzeichnis Verfahren Demo Mini-Programm B...
Vorwort Dieser Artikel fasst hauptsächlich einige...
Hintergrund Durch das flexible Layout wird eine e...
Apple-Becher-Symbole und Extras HD StorageBox – Z...
Der folgende Code führt MySQL ein, um einige Feld...