CSS Master

(Primo) #1

Chapter 6 CSS Transforms


6. CSS Transforms


Transformsallowustocreateeffectsandinteractionsthatareotherwiseimpossible.
Whencombinedwithtransitionsandanimations,wecancreateelementsandinter-
facesthatrotate,dance,andzoom.Three-dimensionaltransforms,inparticular,
makeitpossibletomimicphysicalobjects.


Take,thehumblepostcardreceivedfromafriend,forexample.Itsfrontfacecontains
aphotoofthedestinationfromwhichyourfriendsentthecard(Figure6.1).When
youflipitover,youseeexpandedinformationaboutthephotoandyourfriend’s
journey(bytheway,hewishesyouwerethere).

Free download pdf