This project is a smooth, looping boat animation built with HTML and CSS, focused on exploring keyframe animation and layered motion. The concept simulates a boat gently rocking on waves, accompanied by animated clouds and background movement to bring the scene to life.

CSS Animation Techniques

All elements are animated using CSS keyframes, transitions, and timing functions. The project includes multiple layers moving at different speeds, demonstrating techniques like parallax illusion, bounce effects, and staggered motion—all without JavaScript.

Visual Style & Storytelling

The aesthetic is simple and light, using soft color palettes and clean shapes to create a relaxing scene. The animation loops smoothly, making it perfect for practicing CSS animation structure and sequencing.

• Built with pure HTML and CSS

• Hosted on GitHub: github.com/tgsegata/BoatAnimateCSS