animation :: 2d transform


2d transforms with a hungry bird

Bird Seed

here is the relevevant code

#bird{ transition: transform 0.5s; } #bird:hover { transform: rotate(55deg); }

transform scale with a big hand

Hand

here is the relevevant code

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

translate with the fastest snail alive

Snail

here is the relevevant code

#snail{ transition: transform 6s; } .move-right { transform: translateX(90px); }