text-shadow är ingen CSS3 specifikation.

april 30, 2012 § Lämna en kommentar

Det är en relativt ny funktion men den kom inte med CSS3. Safari var först med att införa den. För att enkelt kunna skapa en text skugga (som tidigare gjordes med hjälp av photoshop) så kan ni skriva:
text-shadow: 3px 4px 5px #ccc;
Det första värdet ”3px” definerar hur långt till höger skuggan ska gå. Om du vill att texten ska gå till vänster så kan du fylla i ett minus värde t.ex: ”-3px”.
”4px” definerar hur långt nere skuggan ska vara i förhållande till texten. Den accepterar ett minus värde.
Det sista pixel värdet ‘5px’ definerar hur mycket ‘blur’ textskuggan ska ha.
Det absolut sista innehåller en hexkod där det skrivs vilken färg skuggan ska ha.

Annonser

Kommentera

Fyll i dina uppgifter nedan eller klicka på en ikon för att logga in:

WordPress.com Logo

Du kommenterar med ditt WordPress.com-konto. Logga ut / Ändra )

Twitter-bild

Du kommenterar med ditt Twitter-konto. Logga ut / Ändra )

Facebook-foto

Du kommenterar med ditt Facebook-konto. Logga ut / Ändra )

Google+ photo

Du kommenterar med ditt Google+-konto. Logga ut / Ändra )

Ansluter till %s

Vad är detta?

Du läser för närvarande text-shadow är ingen CSS3 specifikation.Tobiasboman's Blog.

Meta

%d bloggare gillar detta: