Flight Slider in HTML + CSS

Last week, I created an input range that looks like a plane flying to its destination (move the plane right and left):

I tried to add as many details as possible while keeping the code simple and independent of external resources (JavaScript or images):

• It uses a single HTML element (an input range, although it should be a <progress>)


• It includes a single JS command to update a CSS variable


• The plane takes off and lands using trigonometric functions


• Using …

code css element flying html images independent javascript plane resources showdev simple webdev