Magazine Layout - CodePen challenge

Hurray! New shot from us:) This one is for Codepen challenge named "Magazine layout". The name speaks for itself - we've taken a given HTML and style everything using Bootstrap + Torus Kit custom styles.

Live: https://toruskit.com/showcase/magazine-layout/
CodePen: https://codepen.io/toruskit/pen/GRWbmeB

All interactions are done with https://toruskit.com! The syntax is really simple (but powerful) especially when you're doing fast prototyping.

For example: "fly-in" paragraphs cascade effect are done with a simple line:
[class*='col'] => inview:[fade.in pull.up(md)] slower quad delay(/+50ms/);

Or the image that reveals as you scroll:
scroll:@T=translate(-100%; 0%, {end: 80})

Torus Kit
All in one Bootstrap tool for interactive websites
Get in touch

More by Torus Kit

View profile