Background styles

*CONTENT WARNING at 01:23 — this section may affect people with visual sensitivities. Viewer discretion is advised.

Dynamic backgrounds can not only grab your attention, but serve to create an unforgettable web design experience. More importantly, backgrounds are essential to forming a website’s look and feel. They can establish meaningful groupings to content, meaning they directly affect your design’s usability, navigability, accessibility, and other words that end in -ability.

In this lesson, we demonstrate CSS background color, gradient backgrounds, fullscreen video backgrounds, and fixed backgrounds with parallax scrolling.