CSS 2D and 3D Transformations

Upon hovering, the image moves to the right 300px, rotates counter-clockwise 10 deg, scales down by 50% and the border becomes red and thicker.

bike_image





In the example below, upon hovering, the image moves along the Z-axis 300px, rotates along the Z-axis 110 deg and the border becomes blue and thicker.







music_note