Skip to main content

Global styles

Component styles

Parallax background

Description

  • A parallax background/scrolling is a background element.
  • Parallax scrolling is a web design technique in which the website background moves at a slower pace than the foreground.
  • The parallax background is always the full-width of the viewport.
  • The height is determined by the content.
  • All components/elements can be insertet into the paralax section, but we do NOT recomend inserting images on top og images.
  • The paralax image will get an overlay if the inserted content does not have framed components.

Heights

  • Fit content (content + padding)
  • Half-height (min 50vh)
  • Full-height (min 100vh)

Parallax - fit-content

Parallax - height-50vh

Parallax - height-100vh