Creating Overlapping Website Sections with CSS - Box Shadow and Gradient Methods
Kevin Powell via YouTube
Google AI Professional Certificate - Learn AI Skills That Get You Hired
Earn Your CS Degree, Tuition-Free, 100% Online!
Overview
AI, Data Science & Cloud Certificates from Google, IBM & Meta — 40% Off
One plan covers every Professional Certificate on Coursera. 40% off your first 3 months — limited time.
Unlock All Certificates
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