Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Creating Overlapping Website Sections with CSS - Box Shadow and Gradient Methods

Kevin Powell via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn two effective techniques for creating overlapping sections on websites in this 11-minute tutorial video. Master the implementation of overlapping elements using both box-shadow and gradient solutions, with detailed HTML and CSS explanations. Follow along with step-by-step demonstrations of each approach, comparing their advantages and use cases to determine which method best suits different design scenarios. Gain practical insights into modern CSS techniques while enhancing your web design skills with these professional layout strategies.

Syllabus

- Introduction
- the HTML
- first solution: box-shadow
- CSS Demystified
- second solution: using a gradient
- which solution do you prefer?

Taught by

Kevin Powell

Reviews

Start your review of Creating Overlapping Website Sections with CSS - Box Shadow and Gradient Methods

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.