You can specify the blur radius of the shadow as a length. Note that negative values place the shadow to the left ( offset-x) and above ( offset-y) the object. Offset-x determines the horizontal distance and offset-y determines the vertical distance. There are a wide range of filter functions including blur( ), brightness( ), and drop-shadow( ). Syntax:įilter: drop-shadow(offset-x offset-y blur-radius color) Here's the syntax for applying a CSS drop-shadow. Let’s take a closer look at the CSS drop-shadow property.ĭrop-shadow( ) is a CSS effect that displays a shadow around the shape of a specified object. You can use drop-shadows to create pleasant, beautifully rendered effects without coming off as cheesy. Though design trends vary every year, you can count on the use of staple shadow effects like box-shadow and drop-shadow to positively contribute to a website's aesthetics.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |