The CSS Propertie transform-style

מאפיין transform-style קובע אם צאצאים תלת-ממדיים שומרים על מרחב 3D שלהם או משוטחים לתוך מישור אחד. נדרש להחלת אפקטי 3D על תיבות מקוננות.

.cube { transform-style: preserve-3d; }

.scene { perspective: 1000px; } .scene .cube { transform-style: preserve-3d; transform: rotateY(45deg); }

flatערך ברירת המחדל. יוצר ייצוג שטוח של הצאצאים — האלמנט אינו מרחיב קונטקסט 3D.

preserve-3dמקים או מרחיב קונטקסט-עיבוד 3D — מאפשר לצאצאים בעלי transform 3D לחלוק מערכת קואורדינטות תלת-ממדית משותפת.

CSS Transforms Module Level 2

Editor's Draft

Show all code