Transformationen 1.2.0

Helfer für transform und transform-origin. English: Transforms

Reifegrad: In VelinStyle 1.2.0 als stable dokumentiert. Studio und die vollständige Utility Engine bleiben geplant — ausgelieferte Utilities sind unter @layer utilities von Hand geschrieben, kein vollständiger Variantengenerator.

Wann verwenden

Verschiebe, skaliere und rotiere dekorative Elemente mit Transform-Utilities.

Wann nicht

Vermittle Bedeutung nicht allein über Transformationen.

Rotation

.velin-rotate-45, .velin-rotate-90, .velin-rotate-180, .-velin-rotate-90, .-velin-rotate-180

Skalierung

.velin-scale-75 bis .velin-scale-125

Verschiebung

.velin-translate-y-1, .velin-translate-y-2, .-velin-translate-y-1, .-velin-translate-y-2

Ursprünge: .velin-origin-center, .velin-origin-top, .velin-origin-bottom

Schrägstellung

.velin-skew-x-3, .velin-skew-y-3 (und verwandte Stufen in der generierten Referenz).

Vorschau

<div class="velin-bg-primary velin-rounded velin-p-3 velin-rotate-12"></div>
<div class="velin-bg-primary velin-rounded velin-p-3 velin-scale-125"></div>

Siehe auch generated/utilities/position.md für transformbezogene Tokens.