Koala logo Design
No matches for “”
↑↓ navigate ↵ open Esc close
BrochureFalling leaves

Falling leaves

Eucalyptus leaves drifting down behind an error or not-found page, to soften the empty space.

<koala-falling-leaves>

Behind a not-found page

The leaves are positioned against their nearest positioned ancestor, so drop the tag inside a relative overflow-hidden wrapper around the page's content. They drift in front of it, but never take a click, and under reduced motion they are not drawn at all. On a real page the wrapper is the full screen; here it is the render box.

We couldn't find that page

It may have moved, or the link may be out of date.

Back to home

Fewer leaves and another colour

count draws up to eight leaves. colour replaces their success colours with one text colour for every leaf, for a surface where the default green would not read.

API

count 1-8 (default 8)
colour text colour class for every leaf; unset keeps the success colours