2.2 Transform

2d Tranform

here is the relevevant code

#lotus{ transition: transform 0.5s; } #lotus:hover { transform: rotate(45deg); }

Transform scale

here is the relevevant code

#rose{ transition: transform 0.5s; } #rose:hover { transform: scale(2); }

Translate

here is the relevevant code

#bee{ transition: transform 0.5s; } .move-right { transform: translateX(900px); }