Scroll down
Community impact image credit: Photographer name

Why we do it

We support practical, community-led solutions that create lasting impact. We provide flexible resources.

And we connect our partners with funding networks and expertise to grow their impact.

Community impact image credit: Photographer name

Animated border

This card uses a rotating gradient line that sweeps around the border, creating a subtle glimmer effect.

Same layout, same colours — the border is now alive.

Community impact image credit: Photographer name

Scrolling border

This card uses a linear gradient that scrolls horizontally, creating a flowing directional effect along the border.

Same layout, same colours — the gradient flows continuously.

Community impact image credit: Photographer name

@property border

This card uses CSS @property to register gradient colour stops as animatable values, then keyframes shift the colours continuously.

No pseudo-element rotation, no oversized elements — just native colour interpolation on a border gradient.

End of page
← Home