Windmill Animation

 WINDMILL ANIMATION

Today I am going to create this windmill Animation by using HTML & CSS only

OUTPUTS :

History of Windmills

Windmills represent one of the key pieces of technology that enabled our ancestors to transform the power of the wind into a physical force that can be used for countless things, from most traditional jobs such as grinding grains and moving water, to the many more industrial and agricultural needs.

History of windmills reaches back 3700 years, all way to the 2nd millennia BC when Babylonian ruler Hammurabi supposedly unveiled his plans to convert the power of the wind using automated network of irrigation windmills that would provide water to his land. 

Immigrants who settled in North America brought with them knowledge of making windmills, which were mostly used for creation of wind pumps. In the height of the popularity of wind pump mills in 1930, US hosted over 600 thousand of them. Many of them are still active today being used mostly in remote locations that lack water distribution infrastructure.

In the 1990s and 2000s, the U.S. federal government established incentives to use renewable energy sources in response to a renewed concern for the environment. The federal government also provided research and development funding to help reduce the cost of wind turbines and offered tax and investment incentives for wind power projects. 

STEPS TO CREATE : 

• Create a new file and name it as windmill.html
• Download the background images that is at the below section
• Divide a container class and insert all the child classes with it
• Insert all the parent classes as fan , stand , circle
• Give some styles to all the classes
• Align all the items to the centre
• Duplicate it as 3 times for the three windmills
• Watch my tutorial and starts to coding
• Here is the tutorial Link: https://youtu.be/qazEWI5XoDw
• Now thee windmill animation is to be ready
• I hope you learned something new from this tutorial

SOURCE CODES : Download Here

or