Online Text Shadow CSS Generator


Text Showdow

CSS Text Shadow generator for sene mennesker.

Velg en forhåndsdefinert stil fra galleriet eller generer en tekstskygge med dine preferanser. Sett opp de ønskede attributtene for å få CSS-koden.

Flytt skyggen til høyre/ned, still inn uskarphet og opasitet og velg en farge fra paletten for å få CSS-en din. Bruk online-editoren til å justere stilen din manuelt. Følg utviklingen av skyggen din i live-forhåndsvisningen der du kan angi en egendefinert tekst og bakgrunnsfarge.

 

CSS3 Tekstskygge forklart 

CSS3 text-shadow-egenskapen er en av de mest populære teknikkene for gradvis å forbedre utformingen av et nettsted. Selv om den opprinnelige var i CSS 2.1-spesifikasjonene, ble den trukket tilbake på grunn av manglende støtte. Imidlertid er den nå tilbake i CSS 3 og har bred støtte blant moderne nettlesere.

Det tar fire verdier: den første verdien definerer avstanden til skyggen ix (horisontal) retning, den andre verdien angir avstanden iy (vertikal) retning, den tredje verdien definerer uskarphet til skyggen og de siste verdisettene fargene.

Selv om dette er relativt enkelt å sammenligne med andre CSS3-regler som border-radius, er det nyttig å ha en generator som denne slik at du kan generere tekstskyggen din i sanntid og finjustere med Photoshop-lignende kontroller.