codepens/cafe-menu-interactive-codepen-challenge/README.markdown

Cafe Menu Interactive Codepen challenge

A Pen created on CodePen.io. Original URL: https://codepen.io/toruskit/pen/bGWNYjj.

Magazine Layout design for Codepen challenge. CSS interactions are made with [Torus Kit] (https://toruskit.com).

Animations are done with this super simple HTML code:

data-tor-group="
h2            => active(p):reveal(up) slow quad wait(400ms);

.prices span  => active(p):[pull.right(md) fade.in] slow wait(500ms) delay(/+100ms/);

hr            => active(p):scale.from(0) origin.left slow wait(500ms);

.product      => active(p):[fade.in pull.up(md)] slower wait(500ms) delay(/+100ms/);
"