MDX.org.ai
Executable CodemdxeStyling

Backgrounds

Background effects for BuilderCSS

Background Effects

Add visual background effects via the bg query parameter.

Available Effects

EffectDescription
gradientRadial gradient overlay
gridCSS grid pattern
dotsPolka dot pattern
wavesSoft wave gradients
starsStar field effect

Usage

<link rel="stylesheet" href="/styles/landing.css?bg=gradient&color=purple">

Or in frontmatter:

---
$type: LandingPage
$style:
  background: gradient
  color: purple
---

Full Documentation

See the BuilderCSS backgrounds documentation for:

  • CSS implementation details
  • Color integration
  • Best use cases for each effect
  • Creating custom backgrounds

Previous

Styling

Next

Content Formats

On this page