Trains and Planes

[The Professor]

http://d21c.com/leprofesseur/css/trains-n-planes.html

[Handy]

Beautiful Professor, great work.

[Janerice]

A W E S O M E

[Linda]

Impressive work.

[tonebytone]

That is fantastic. I love how it gets darker and darker. I also love how, when the upper train returns from the right, how the tree leaves cover part of the train. What a great use for marquees - I assume these are marquees.

[The Professor]

(05-12-2019 11:56 AM)tonebytone Wrote:  That is fantastic. I love how it gets darker and darker. I also love how, when the upper train returns from the right, how the tree leaves cover part of the train. What a great use for marquees - I assume these are marquees.

No marquees here. JavaScript was used to produce all movement by trains and planes.

The leaf effect was produced by first cropping out parts of the trees. They were then "sewed" back together using css positioning with an opacity factor added. This produced an illusion of depth by the train passing beneath the branches where in fact they really occupied the same position while passing.
http://d21c.com/leprofesseur/css/autumn.jpg
http://d21c.com/leprofesseur/css/autumn-left-cover3.gif http://d21c.com/leprofesseur/css/autumn-...over2a.jpg http://d21c.com/leprofesseur/css/autumn-left-cover1.jpg

[tonebytone]

Thanks, Professor. You are WAAAAY ahead of my meager coding skills, lol.