transform-Attribut in CSS3

In CSS3 können Sie die Transformationsfunktion verwenden, um vier Arten der Verformungsverarbeitung zu erreichen: Drehung, Skalierung, Neigung und Bewegung von Text oder Bildern.

一.rorate(rotation)

Verwendung: transform: rorate(45deg);

Es gibt einen Parameter „Winkel“, die Einheit deg bedeutet Grad, Positive Zahlen stehen für eine Drehung im Uhrzeigersinn und negative Zahlen stehen für eine Drehung gegen den Uhrzeigersinn. Die Funktion des obigen Codes besteht darin, sich um 45 Grad im Uhrzeigersinn zu drehen.

2.scale(scale)

Verwendung: transform: scale(0.5,3);

Der erste Parameter stellt die Skalierung in horizontaler Richtung dar, der zweite Parameter stellt dar der vertikale Zoomfaktor.

Three.skew (skew)

Verwendung: transform: skew(30deg, 30deg);

Der Standardursprung von skew ist transform-origin, der Mittelpunkt von dieses Objekt.

Der erste Parameter repräsentiert den Neigungswinkel in horizontaler Richtung und der zweite Parameter repräsentiert den Neigungswinkel in vertikaler Richtung.

4. translator (move)

Verwendung: transform: translator(45px, 150px);

Der erste Parameter stellt den Abstand von 45 Pixeln in horizontaler Richtung dar Der zweite Parameter stellt einen Abstand von 150 Pixeln in vertikaler Richtung dar.

Das obige ist der detaillierte Inhalt vontransform-Attribut in CSS3. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!