Tillämpa skugga i text genom att ange text-shadow.
Skuggans placering anges i X- och Y-led (h-shadow, v-shadow) och parametrar som kan anges är blur (oskärpa) och color (färg).
Exempel på parametrar:
text-shadow: 4px 5px 3px rgba(0,0,0, 0.5);
I exemplet ovan anges skuggans placering horisontellt 4px och vertikalt 5px. Oskärpan på skuggan är 3px och färgen anges som RGBa med opacitet 50%.
Notera att skuggans färg och opacitet anges med RGBa där du anger en färg och ett Alfa-värde för opaciteten. För gråskala kan du tex ange rgba(0,0,0, 0.5) där färgen är Svart men opaciteten sänkts för att ge Gråskala.
Läs mer om RGBa här »
Observera att du fortfarande kan använda hexidecimala färgvärden för att ange gråskalor som tex #333, #666, #999, och #CCC för skuggan istället för att använda RGBa: text-shadow: 4px 5px 3px #CCC;
TEXTSKUGGA
Klicka här för att se fler exempel
CSS-koden:
HTML-koden:
TEXTSKUGGA
CSS-koden:
HTML-koden: