2016-11-01 3 views
2

finden Sie in diesem [fiddle] (https://jsfiddle.net/hymin/gbsdafjg/2/)Transformation in transformierten Element (3d) nicht funktionieren

I vier Elemente mit 3d in einen Würfel verwandelt haben, die auf einem container Element angebracht sind.

Der Zweck der Einrichtung des container Element ist, dass, wenn ich die containerrotateX, (I erwarten) die roller Elemente mit ihm mitdreht wird, wodurch ein 3D-Effekt erzeugt und rotate transform Eigenschaft für jeden von ihnen zu vermeiden schreiben.

Das Problem ist, dass, wenn ich die 3D-Transformations-CSS-Regel auf das Element container anwenden, alle Transformationseffekte auf die roller Elemente verschwunden sind.

Bitte helfen! Und, wenn dies das normale Verhalten ist, gibt es eine Möglichkeit, um dieses Problem anders als das Anwenden der Transformationseigenschaft auf alle vier (vielleicht mehr in der Zukunft) roller Elemente?

Danke!

update # 1

, wenn Sie eine perspective CSS-Regel auf das container Element, der visuelle 3D-Effekt auf den roller hinzugefügt wird nicht verschwinden, wenn Sie die container verwandeln 3d. aber alles scheint abgeflacht zu sein. versuch es selbst ...

Antwort

0

Eine CSS Regel transform-style:preserve-3d löst dieses Problem.

Verwandte Themen