Surfing Animation

 Surfing Animation

Today I wanna going to show you how to make this surfing animation by using 

HTML-CSS-CSS Animation

OUTPUTS : 

SURFING 

Surfing is an amazing sport with an impressive history. The exact origins of surfing are not certain, but it was first observed by Europeans on a ship in Tahiti back in 1767.

Hawaiian surfing has a rich tradition. The ancient Hawaiian inhabitants looked as surfing as an integral part of life. It was not just a hobby or a job. It was a way of life and an art form for them.

Many years later, surfing caught on in the United States. Learning from the ancient ways of the Polynesians, James Matthias Jordan, Jr. brought surfing to the East Coast.

Surfing also caught on in a big way on the West Coast of the United States. Innovations in board design and more public exposure led to an explosion of surfing culture in a few different places.

Southern California beach culture and the surfing lifestyle caught the eye of many people. Competitions developed and a professional surfing community started to take hold.

Surfing culture really took off in the 1960s when movies and surf music like the Beach Boys garnered international attention.

Riding waves is one of the most thrilling experiences out there, so it is not surprise that people have taken to this sport for countless years.

STEPS TO CREATE :

• Create a new file and name it as surf.html
• Download all the images that I giving at the below section
• Insert the background Gif file to the HTML file
• Then insert the surfing Gif file too
• Give some styles to all the elements
• Adding some CSS Animation to the surf Gif file
• Watch my tutorial and starts to coding
• Here is the tutorial link : https://youtu.be/Q34OS_le7WQ
• Now this animation is to be ready
• I hope you like this tutorial and learned something new..

SOURCE CODES & IMAGES : Download Images and Gif files 

or