Course Content

Course Content


To cast a shadow, both box-shadow() and drop-shadow() are utilised. The drop-shadow() filter function makes a shadow that conforms to the shape (alpha channel) of the picture itself, whereas the box-shadow property creates a rectangular shadow behind an element's full box.

The CSS property box-shadow creates shadow effects around an element's frame. You can use commas to separate multiple effects. X and Y offsets relative to the element, blur and spread radius, and colour are all used to characterise a box shadow.

Text shadows are created with the text-shadow CSS property. It takes a list of shadows separated by commas to be applied on the text and any of its embellishments. Each shadow is defined by a combination of the element's X and Y offsets, blur radius, and colour.

Text shadow refers to the addition of layers to the text, i.e., casting a shadow over the text to enhance, highlight, or raise the aesthetic appeal of certain text by giving it depth.

Recommended Courses

Share With Friend

Have a friend to whom you would want to share this course?

Download LearnVern App

App Preview Image
App QR Code Image
Code Scan or Download the app
Google Play Store
Apple App Store
598K+ Downloads
App Download Section Circle 1
4.57 Avg. Ratings
App Download Section Circle 2
15K+ Reviews
App Download Section Circle 3
  • Learn anywhere on the go
  • Get regular updates about your enrolled or new courses
  • Share content with your friends
  • Evaluate your progress through practice tests
  • No internet connection needed
  • Enroll for the webinar and join at the time of the webinar from anywhere