Den svenska CSS3-resursen!

Skuggor med css3

I CSS3 finns det två nya funktioner för att lägga till skuggor på text och andra objekt. Dessa är box-shadow och text-shadow där den första skapar skuggor på blockelement och den andra enkelt kan användas för textskuggor.

Syntaxen är som följer:

box-shadow: 1px 1px 1px black;
text-shadow: 1px 1px 1px black;

Det första argumentet är den horisontella offseten på skuggan, det andra vertikala, det tredje hur mycket blur den skall ha och ett eventuellt fjärde vilken färg den skall ha.

Detsamma gäller text-shadow. Exempel följer nedan!

Box och text-shadow

Leave a Reply

You need to enable GD extension in order to use Simple CAPTCHA.

This entry was posted on fredag, juli 9th, 2010 at 12:33 and is filed under Okategoriserade. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.