BrochureFalling leaves
Falling leaves
Eucalyptus leaves drifting down behind an error or not-found page, to soften the empty space.
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.
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