Skip to content

CloudTwelve/PlaneWindowAnimation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 

Repository files navigation

PlaneWindowAnimation

This is an animation of three plane windows. When hovering on the body, the entire plane scene changes to nighttime, the cabin taking on a darker shade of grey and the sky behind the clouds turning to midnight blue.

Plane Windows Before Hover (daytime)

Screen Shot 2024-11-05 at 11 06 58 PM

Plane Windows During Hover (nighttime)

Screen Shot 2024-11-05 at 11 07 18 PM

Contents

This was created using an HTML file and a CSS file, using GitHub and VSCode (as well as Apple's Terminal to push changes). At one point, this included a JS file, but I learned CSS could do what I used JS for, so woohoo and alhamdulillah (thank God) for that!

Link to demo

https://codepen.io/Reem-Ahrabar/pen/oNKPwYz (on CodePen)

Credits!

~ inspiration for cloud design (basically the CSS behind it) from https://lauryndbrown.github.io/2017/06/08/creating-clouds-in-css.html ~
~ inspiration for project from another High Seas project, repo here -> https://github.com/GaoYeGithub/SunMoonAnimation/ ~

About

This is an animation of a plane window.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published