Skip to main content


How to Create Patterns Using CSS Gradients

In this video, Elizabeth Funk will show you how to use CSS gradients to create stripes, patterns and plaids. Starting with a simple two-color, top-to-bottom linear gradient, she will guide you through successively more complex implementations of CSS gradients. You'll learn how to create linear gradients, radial gradients and repeating gradients, and how to layer these to create your own patterns with pure CSS.

Project Members: Elizabeth Funk

Find the program that fits your life.

Learn about our coding, cybersecurity, and data analytics bootcamps offered on full-time and part-time schedules.