# Cafe Menu Interactive Codepen challenge

A Pen created on CodePen.io. Original URL: [https://codepen.io/toruskit/pen/bGWNYjj](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:

```html
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/);
"
```