Flight Flying and Landing Animations

The Project

In this project, we have created a webpage that is fully Front-end page with the help of HTML and CSS Languages. In the home page of this project , There is a image of flight in a Runway. That flight will be fly in to the sky when we "double-click" the flight and when we release the cursor then it will land. When it is flying the clouds are animated with using the CSS animations.

Project link View this project on YouTube

Web

Art

Education

Community

Team Comments

We chose to make this project because...

I have got an idea to make this website because, when I opened a travel tickets website, Then I saw the details of the flight , bus, train, etc... vehicles .In all those vehicles I have travelled except the flight. So I thought to create a webpage on the flight journey to except how it would be...

What we found difficult and how we worked it out

When I am trying to make this project then I felt difficult in researching about the animations but, at the last I found a website named "w3schools.com", In that there is information about many programming, markup and scripting languages. By this website I learned CSS animations.

Next time, we would...

If I had more time, I would create the junctions in the whole flight journey and mark the places which the flight has crossed.