2.1 CSS3 Transitions

WHY DO WE FALL?


2.1 CSS3 IMAGE CHANGE ON HOVER CHALLENGE


2.2 2D Transform Roation

here is the relevant code

#batarang { width: 375px; height: 161px; transition: transform 0.5s; } #batarang:hover { transform: rotate(45deg); }

2.2 2D Transform Scale

here is the relevant code

#bane { width: 300px; height: 500px; } #bane:hover { transform: scale(2); transition: transform 0.5s; }

2.2 2D Transform Translate

here is the relevant code

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

2.3 3D Transform and Keyframe Animation and Challenge

Welcome to Web II


2.4 Keyframe Animation


2.5 SVG Animation