| CARVIEW |
Select Language
HTTP/2 301
age: 0
cache-control: public,max-age=0,must-revalidate
cache-status: "Netlify Edge"; fwd=miss
content-type: text/plain; charset=utf-8
date: Mon, 29 Dec 2025 21:03:03 GMT
location: https://egghead.io/lessons/css-create-basic-effects-with-css-box-shadow?af=2s65ms
server: Netlify
strict-transport-security: max-age=31536000
x-nf-request-id: 01KDNYQW436T46JFM75VVDT9T8
content-length: 96
HTTP/2 200
age: 0
cache-control: public, max-age=0, must-revalidate
content-encoding: gzip
content-type: text/html; charset=utf-8
date: Mon, 29 Dec 2025 21:03:04 GMT
etag: W/"h98xaijigny90"
server: Vercel
strict-transport-security: max-age=63072000
x-matched-path: /lessons/[slug]
x-powered-by: Next.js
x-vercel-cache: MISS
x-vercel-id: bom1::iad1::7fpgm-1767042183687-12091f5e0200
Create Basic Effects with CSS box-shadow | egghead.io 
Current Time 0:00
/
Duration Time 0:00
Create Basic Effects with CSS box-shadow
InstructorStephanie Eckles
Social Share Links
Learn about the required and expanded syntax of CSS box-shadow. Then, create various kinds of effects such as shadows inside the element, a shadow that equally surrounds the element, realistic placement of the shadow, pseudo-borders, and layered effects by defining multiple shadows.