CSS Master

(Primo) #1
Figure 6.42. Elements with a transform-style value of preserve-3d

Inthevastmajorityofcases,youshouldusetransform-style: preserve-3d.Use
transform-style: flatonlywhenyouwanttocollapsechildelementsintothe
samelayerastheirparent.^13


(^13) TheWebKitteam’sdemoTransformStyle
[http://www.webkit.org/blog-files/3d-transforms/transform-style.html]showstheeffectoftransform-
style: flat.It’sanolddemo,andcreatedforWebKitbrowsers,soyou’llneedtouseSafari,Chrome,
orOpera15+toviewit.
CSS Transforms 269

Free download pdf