text-shadow css3
Siden er opdateret 6. 8. 2013
10
3
4
10
4
Med text-shadow kan man lave en skyggefunktion på en tekst.
h2
{
text-shadow: 8px 8px 3px #aad;
}
vil se sådan ud:
En overskrift niveau 2
De værdier (rækkefølgen er obligatorisk), du ser sat på text-shadow, har følgende funktioner:
- Antal pixels skyggen ligger til højre for teksten - negativ værdi sætter skyggen til venstre. Værdien kan defineres i px eller em - værdien er obligatorisk.
- Antal pixels skyggen ligger under teksten - negativ værdi sætter skyggen over. Værdien kan defineres i px eller em - værdien er obligatorisk.
- Antal pixels hvormed skyggen udfades (værdien kan udelades - giver skarpt afgrænset skygge). Værdien kan defineres i px eller em
- Skyggens farve. Værdien kan defineres i:
- farvenavn - se color.php
- hex - se color.php
- rgb - se color.php
- rgba - næsten som rgb-farvedefinition men med en ekstra værdi gældende for opacity. Eks.: rgba(70,70,190,0.5); - læg mærke til, at fjerde værdi er et decimaltal (værdi mellem 0 og 1) og at decimaladskiller skal være et punktum.
Valid XHTML og CSS / Copyright © Erik Ginnerskov
december 2011