CSS Filters
CSS Filters
The CSS filter property lets you apply graphical effects like blurring or drop shadow or grayscale or sepia to an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders.
Drop-shadow Function
drop-shadow(w h b c) creates a shadow effect that extends beyond an image for the width w and height h with blur b and color c.
Syntax:-
Its syntax is:-
< style >
element{
filter:drop-shadow(h-shadow v-shadow blur spread color);
}
< /style >
Further Explanation:-
| Filter | Description |
|---|---|
| drop-shadow(h-shadow v-shadow blur spread color) | Applies a drop shadow effect to the image. |
Code Explanation
All Tutorials related to CSS3
CSS3 Intro
Vendor Prefixes
Border Radius Property
Box Shadow Property
Transparency
Text Shadow
Pseudo Classes
Pseudo Elements
Word Wrap
@Font-Face
Linear Gradients
Radial Gradient
Background Size
Background Clip
Opacity
Transitions
Transform Rotate
Translate Skew
Scale and Multiple
Animations
Animation Properties
3D Transform
CSS Filters 1
CSS Filters 2
CSS Filter 3
