CSS-Transformationen kombinieren

[Killua]

danach überschreibst du diese mit transform: scale(5); der vorige Wert ist damit futsch.

Logisch.

Ob mans glaubt oder nicht, ich habe es zuallererst eh kombiniert versucht, nur weil da nix ging und weil ich eine ähnliche Vorgangsweise auch im Wiki fand, (die ich klarerweise nicht mehr finde) daher habe ich die Sachen dann extra notiert.

Das im Startpost genannte ist ja nur der letzte Versuch, weil ich habe vorher zwischen den Anweisungen mal Komma, mal Semikolon gesetzt, mal diese mal die andere Methode (das mit den Eigenschaften) genommen - und - jedesmal wahrscheinlich genau verkehrt getrennt.

Wenn du Verschiebung und Skalierung kombinieren willst, müsstest du das in einer transform-Deklaration tun:

.headerlogo:hover { transform: translateY(-1000px) scale(5); }

Aha OHNE Trennung, darauf kam ich gar nicht! Habs eben mit , oder ; - es ging nix. Danke!!

Oder du verwendest die CSS-Eigenschaften [translate]

Eigenschaften heißt dies, ... hmm ... Kompliziert das ist.

.headerlogo:hover { translate: 0 -1000px; scale: 5; }

Ist da nur die Schreibweise anders oder?

Nachtrag: Das wurde eh in der 2. Antwort behandelt