CSS3 Topics
CSS Shadow Properties
The following table lists the CSS shadow properties:
| Property | Description |
|---|---|
| box-shadow | Adds one or more shadows to an element |
| text-shadow | Adds one or more shadows to a text |
CSS box-shadow Property
The box-shadow property attaches one or more shadows to an element.
#example1 {
box-shadow: 10px 10px 8px 10px #888888;
}
box-shadow: 10px 10px 8px 10px #888888;
}
Define multiple shadows:
#example1 {
box-shadow: 5px 5px blue, 10px 10px red, 15px 15px green;
}CSS text-shadow Property
The
h1 {
text-shadow: 2px 2px #ff0000;
}
Download :: Box Shadow Generator
text-shadow property adds shadow to text.h1 {
text-shadow: 2px 2px #ff0000;
}
Text-shadow with a blur effect:
h1 {
text-shadow: 2px 2px 8px #FF0000;
}
