mathefritz: 3D, animation

Beitrag lesen

Danke Gunnar!

Das ganze soll ohnehin nur/nichteinmal ein Baustein sein, daher kein lang, kein Title, so wie auch Positionierung und Abmessungen von Fall zu Fall variieren werden.
Wichtig
ist aber, daß alle 3 Boxen gleiche x-Position haben und behalten
UND
trotzdem vertical-align: middle wirkt. Nach weglassen des position: absolut
ZU ERREICHEN versucht
ENTWEDER MIT
translateX(-500px) und translateX(-1000px) für die 2te und 3te Box
in
den from als auch den to der keyframes
ODER MIT
.b { transform: rotate3d(1, 0, 0, 120deg) translateX( -500px) }
.c { transform: rotate3d(1, 0, 0, 240deg) translateX(-1000px) }
also mit den Starteinstellungen
aber
beide scheinen völlig wirkungslos.