border-radius
100px x 100px div
same div size but with a 50px border-radius
Hello World
| CSS Attribute | Name | Description |
|---|---|---|
| border-radius | Border Radius | Most popular CSS property, it was the CSS3 flagship property. Changes the corners of a border to be more rounded. Setting the border-radius to half the width (or height) of a square, turns it into a circle. |
| box-shadow | Box Shadow | Applies depth to elements by adding a shadow. You can apply multiple shadows to the same element resulting in interesting effects. |
| text-shadow | Text Shadow | Similar to box-shadow but applied to text. It uses the same parameters too: x-offset, y-offset, blur, color. |
| text-stroke | Text Stroke | Essentially, it changes the outline of the text characters. If you have large uppercase text, you could outline it in one color, while it's filled in with another. |
| background | Multiple Backgrounds | The background property allows for multiple backgrounds. You could use an image and then overlay it with a semi-opaque texture changing how the image appears. |
| Tuts Plus Reference Page | ||
Examples
box-shadow
text-shadow
text-stroke
Hello World