Welche Eigenschaften hat die CSS3-Transformation?
Es gibt 6 CSS3-Transformationsattribute: 1. transform-origin; 3. perspective-origin;
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
CSS3-Transformationen können Elemente verschieben, skalieren, drehen, verlängern oder strecken.
... oder 3D transformiert
3
| 3 | transform-style | |
|---|---|---|
| 3 | Perspektive | |
| 3 | perspective-origin | |
| 3 | backface-visibility | |
| 3 | ||
<!DOCTYPE html>
<html>
<head>
<meta name="charset" content="utf-8"/>
<style type="text/css">
#rotate2D, #rotate3D {
width: 80px;
height: 70px;
color: white;
font-weight: bold;
font-size: 15px;
padding: 10px;
float: left;
margin-right: 50px;
border-radius: 5px;
border: 1px solid #000000;
background: red;
margin: 10px;
transition:transform 2s;
-webkit-transition:transform 2s; /* Safari */
}
#rotate2D:hover{
transform: rotate(180deg);
}
#rotate3D:hover{
transform: rotateY(180deg);
}
</style>
</head>
<body>
<div id="rotate2D">2D 转换</div>
<div id="rotate3D">3D 转换</div>
</body>
</html>Nach dem Login kopieren |
Erweiterte Kenntnisse: | |
| 2D-Konvertierungsmethode | Funktion |
n ,
, n,
n,
n| definiert eine 2D-Transformation unter Verwendung einer Matrix aus sechs Werten. | |
|---|---|
| x,y) definiert eine 2D-Transformation, die das Element entlang der X- und Y-Achse bewegt. translateX(n) | definiert eine 2D-Transformation, die Elemente entlang der X-Achse verschiebt.|
| n) definiert eine 2D-Transformation, die Elemente entlang der Y-Achse verschiebt. | scale( |
| y) | definiert eine 2D-Skalierungstransformation, die die Breite und Höhe eines Elements ändert.|
| n) | definiert eine 2D-Skalierungstransformation, die die Breite eines Elements ändert.|
| n) definiert eine 2D-Skalierungstransformation, die die Höhe des Elements ändert. | rotate( |
| definiert die 2D-Rotation und gibt den Winkel in den Parametern an. | skew( |
| y-angle) | definiert eine 2D-Skew-Transformation entlang der X- und Y-Achse.|
| angle) | definiert eine 2D-Schrägtransformation entlang der X-Achse.|
| angle) definiert eine 2D-Schrägtransformation entlang der Y-Achse. 3D-Konvertierungsmethode, Funktion, Beschreibung, Matrix3d , | n, |
| n,n | ,n | ,
| n,n | ,n | ,
)
| translate3d( | x | ,
|---|---|
| z)3D-Transformation definieren. translateX(x) definiert eine 3D-Übersetzung, wobei nur der für die X-Achse verwendete Wert verwendet wird. translateY(y) definiert eine 3D-Übersetzung, wobei nur der für die Y-Achse verwendete Wert verwendet wird. translateZ(z) Definiert eine 3D-Übersetzung, wobei nur der für die Z-Achse verwendete Wert verwendet wird. scale3d(x, | y, | z
| Definieren Sie die 3D-Skalierungstransformation. scaleX(x) | definiert eine 3D-Skalierungstransformation bei gegebenem X-Achsenwert. |
| scaleY(y) | definiert eine 3D-Skalierungstransformation bei gegebenem Y-Achsenwert. |
| scaleZ(z) | definiert eine 3D-Skalierungstransformation bei gegebenem Z-Achsen-Wert. |
| rotate3d(x, | y, | z
| )3D-Rotation definieren. rotateX( | angle) |
| rotateY( | angle) |
| rotateZ( | angle) |
| perspective( | n) |
| (Lernvideo-Sharing: CSS-Video-Tutorial) |
Das obige ist der detaillierte Inhalt vonWelche Eigenschaften hat die CSS3-Transformation?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1386
52
Eine einfache Anleitung zur Konvertierung von USDT ERC20 in TRC20
Jan 18, 2024 pm 06:09 PM
Wir zeigen Ihnen Schritt für Schritt, wie Sie USDTERC20 in das TRC20-Netzwerk umwandeln. Dies liegt daran, dass viele Menschen den USDT-Stablecoin gerne vom Ethereum-Netzwerk zum Tron-Netzwerk verschieben, um Transaktionsgebühren zu sparen. Wenn Sie also Ihre ERC-20-Token in TRC-20 umwandeln möchten, wird Ihnen dieses Tutorial meiner Meinung nach hilfreich sein. Der Unterschied zwischen ERC-20 und TRC-20 ERC-20-Token und TRC-20-Token stellen Token dar, die auf dem Ethereum-Netzwerk bzw. dem Tron-Netzwerk basieren. Es gibt einige Unterschiede zwischen den beiden Netzwerken, vor allem in den folgenden Aspekten: Erstens ist das Ethereum-Netzwerk häufig mit Überlastungen und hohen Gasgebühren konfrontiert, was zu Transaktionsverzögerungen und hohen Transaktionskosten führen kann. Im Vergleich dazu ist das Tron-Netzwerk relativ weniger überlastet
Praktische Tipps zum Konvertieren von englischen Buchstaben voller Breite in halbbreite Buchstaben
Mar 26, 2024 am 09:54 AM
Praktische Tipps zum Umwandeln von englischen Buchstaben in voller Breite in Formen mit halber Breite. Im modernen Leben kommen wir häufig mit englischen Buchstaben in Kontakt und müssen bei der Verwendung von Computern, Mobiltelefonen und anderen Geräten häufig englische Buchstaben eingeben. Manchmal stoßen wir jedoch auf englische Buchstaben in voller Breite und müssen die Form mit halber Breite verwenden. Wie konvertiert man also englische Buchstaben in voller Breite in die Form mit halber Breite? Hier sind einige praktische Tipps für Sie. Erstens beziehen sich englische Buchstaben und Zahlen in voller Breite auf Zeichen, die in der Eingabemethode eine Position in voller Breite einnehmen, während englische Buchstaben und Zahlen in halber Breite eine Position in voller Breite einnehmen.
So konvertieren Sie AI-Dateien in das CDR-Format
Feb 19, 2024 pm 04:09 PM
AI-Dateien beziehen sich auf Vektorgrafikdateien, die mit der Software Adobe Illustrator (kurz AI) erstellt wurden, während sich CDR-Dateien auf Vektorgrafikdateien beziehen, die mit der Software CorelDRAW erstellt wurden. Da diese beiden Softwareprogramme von unterschiedlichen Herstellern entwickelt werden, sind ihre Dateiformate unterschiedlich und können nicht direkt ineinander konvertiert werden. Allerdings können wir AI-Dateien mit einigen Methoden in CDR-Dateien konvertieren. Im Folgenden wird eine häufig verwendete Konvertierungsmethode vorgestellt. Schritt 1: AI-Dateien in das EPS-Format AdobeIllust exportieren
Wie konvertiert man ODT in Word in Windows 11/10?
Feb 20, 2024 pm 12:21 PM
In diesem Artikel zeigen wir Ihnen, wie Sie OpenDocumentTextDocument (ODT)-Dateien in Microsoft Word (Docx, DOC usw.) konvertieren. Format. So konvertieren Sie ODT in Word in Windows 11/10. So können Sie ODT-Dokumente auf einem Windows-PC in das DOC- oder DOCX-Format konvertieren: Konvertieren Sie ODT in Word mit WordPad oder Word. Die erste Methode, die wir Ihnen zeigen werden, ist die Verwendung von WordPad oder Word MicrosoftWord zum Konvertieren von ODT in Word. Hier sind die Schritte, um dies zu erreichen: Öffnen Sie zunächst die WordPad-App über das Startmenü. Jetzt geh zu
Golang-Zeitverarbeitung: So konvertieren Sie Zeitstempel in Golang in einen String
Feb 24, 2024 pm 10:42 PM
Golang-Zeitkonvertierung: So konvertieren Sie einen Zeitstempel in einen String. In Golang ist die Zeitoperation eine der häufigsten Operationen. Manchmal müssen wir den Zeitstempel zur einfacheren Anzeige oder Speicherung in eine Zeichenfolge umwandeln. In diesem Artikel wird erläutert, wie Sie mit Golang Zeitstempel in Zeichenfolgen konvertieren, und es werden spezifische Codebeispiele bereitgestellt. 1. Konvertierung von Zeitstempeln und Zeichenfolgen In Golang werden Zeitstempel normalerweise in Form von Ganzzahlen ausgedrückt, die die Anzahl der Sekunden vom 1. Januar 1970 bis zum aktuellen Zeitpunkt darstellen. Die Zeichenfolge ist
Wie konvertiert man eine virtuelle Maschine in eine physische Maschine?
Feb 19, 2024 am 11:40 AM
Beim Konvertieren einer virtuellen Maschine (VM) in eine physische Maschine werden eine virtuelle Instanz und die zugehörige Anwendungssoftware auf eine physische Hardwareplattform migriert. Diese Konvertierung trägt zur Optimierung der Betriebssystemleistung und der Hardware-Ressourcennutzung bei. Dieser Artikel soll einen detaillierten Einblick in die Durchführung dieser Konvertierung geben. Wie implementiert man die Migration von einer virtuellen Maschine zu einer physischen Maschine? Typischerweise wird der Konvertierungsprozess zwischen einer virtuellen Maschine und einer physischen Maschine außerhalb der virtuellen Maschine durch Software von Drittanbietern durchgeführt. Dieser Prozess besteht aus mehreren Phasen, die die Konfiguration virtueller Maschinen und die Übertragung von Ressourcen umfassen. Vorbereiten der physischen Maschine: Der erste Schritt besteht darin, sicherzustellen, dass die physische Maschine die Hardwareanforderungen für Windows erfüllt. Wir müssen die Daten auf einer physischen Maschine sichern, da der Konvertierungsprozess die vorhandenen Daten überschreibt. *Benutzername und Passwort für ein Administratorkonto mit Administratorrechten zum Erstellen von Systemabbildern. wird virtuell sein
Detaillierte Erläuterung der Implementierungsmethode zur Konvertierung von PHP-Monaten in englische Monate
Mar 21, 2024 pm 06:45 PM
In diesem Artikel wird detailliert beschrieben, wie Monate in PHP in englische Monate konvertiert werden, und es werden spezifische Codebeispiele gegeben. In der PHP-Entwicklung müssen wir manchmal digitale Monate in englische Monate konvertieren, was in einigen Datumsverarbeitungs- oder Datenanzeigeszenarien sehr praktisch ist. Die Implementierungsprinzipien, spezifischen Codebeispiele und Vorsichtsmaßnahmen werden im Folgenden ausführlich erläutert. 1. Implementierungsprinzip In PHP können Sie digitale Monate mithilfe der DateTime-Klasse und der Formatmethode in englische Monate konvertieren. Datum
So konvertieren Sie QQ-Musik in das MP3-Format. Konvertieren Sie QQ-Musik auf dem Mobiltelefon in das MP3-Format
Mar 21, 2024 pm 01:21 PM
Mit QQ Music kann jeder Filme genießen und sich jeden Tag langweilen. Eine große Anzahl hochwertiger Songs steht zum Anhören zur Verfügung Wenn Sie sie das nächste Mal anhören, benötigen Sie keine Internetverbindung. Die hier heruntergeladenen Songs sind nicht im MP3-Format und können nicht auf anderen Plattformen verwendet werden. Daher gibt es keine Möglichkeit, sie erneut anzuhören Viele Freunde möchten die Songs ins MP3-Format konvertieren. Hier erklärt der Herausgeber, dass Sie Methoden bereitstellen, damit jeder sie verwenden kann! 1. Öffnen Sie QQ Music auf Ihrem Computer, klicken Sie auf die Schaltfläche [Hauptmenü] in der oberen rechten Ecke, klicken Sie auf [Audiotranskodierung], wählen Sie die Option [Song hinzufügen] und fügen Sie die Songs hinzu, die konvertiert werden müssen. 2. Nach dem Hinzufügen Um die Songs anzuzeigen, klicken Sie, um „In [mp3] konvertieren“ auszuwählen.
