The behavior of the cabins in step 15 of CSS Animation

Can someone explain why the first cabin to appear is the sixth? Or are the “.cabin” elements stacked on top of each other prior to positioning, creating the illusion that there is only one element and that the others appear in different places only when positioned? Thanks!

Yeah you’ve got the right idea. Initially, only one out the six .cabin elements was positioned, which left the other five sitting in a stack in the corner of the div. Using top, left and right to position each one made it look like they were just appearing, but in actuality they were being moved.

How does that sound to you?