CSS Shadows

Level : Advanced
Mentor: Shailendra Chauhan
Duration : 00:00:30

text-shadow:

The CSS property text-shadow allows you to add a shadow effect to text within an HTML element, providing depth and visual emphasis to the text.

Example:

h1 {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

box-shadow:

The CSS property box-shadow lets you add a shadow effect to HTML elements, such as divs or buttons, creating a 3D-like appearance and enhancing their visual presence.

Example:

.box {
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
}

Self-paced Membership
  • 22+ Video Courses
  • 800+ Hands-On Labs
  • 400+ Quick Notes
  • 55+ Skill Tests
  • 45+ Interview Q&A Courses
  • 10+ Real-world Projects
  • Career Coaching Sessions
  • Email Support
Upto 60% OFF
Know More
Still have some questions? Let's discuss.
CONTACT US
Accept cookies & close this