<?xml version="1.0" encoding="utf-8"?>

CSS box-shadow property

CSS box-shadow property Bad Practice
CSS box-shadow property Best Practice

With CSS properties, you can also apply shadow effects to an element's container. Like the text-shadow property, the box-shadow property adds one or several shadows and includes the required horizontal and vertical shadow positions. The basic syntax also specifies the blur radius and color.

Keep in mind that the order of values matters: offset-x offset-y blur-radius color. Otherwise, the browser won't apply the shadow.

Topics

From Lesson

Share

Improve your UX & Product skills with interactive courses that actually work