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