Example 1: Simple CSS Rocking Animation

Rocking Image

Example 2: Rocking Image on Hover with CSS

Hover Rocking Image

Example 3: Rocking Effect Triggered on Click with JavaScript and CSS

Click Rocking Image

Example 4: Rocking with Skew and Color Shifting

Skew Rocking Image

Example 5: Animated Eyes Follow Mouse Cursor

Example 6: Continuous Rocking with Glow Effect

Glow Rocking Image

Example 7: Zigzag Rocking Motion

Zigzag Rocking Image

Rocking with an Elastic Stretch

Elastic Rocking Image

Example 9: Continuous Rocking with CSS Variables for Custom Speed

Variable Speed Rocking Image