Responsive Duration

Scene duration depending on viewport size.

With some responsive layouts you might want the scene to take exactly as long as the height of the viewport is.

For this purpose ScrollMagic conveniently lets you define percentage values as the scene duration. So if you set it to "100%" the scene will always have the same duration as the height of the viewport (or the width for horizontally scrolling containers).

view source

Just breathe.

view source