CSS Text Shadow generator til dovne mennesker.
Vælg en foruddefineret stil fra galleriet, eller generer en tekstskygge med dine præferencer. Indstil de ønskede attributter for at få CSS-koden.
Skift skyggen til højre/ned, indstil sløringen og opaciteten og vælg en farve fra paletten for at få din CSS. Brug online-editoren til at justere din stil manuelt. Følg udviklingen af din skygge i live forhåndsvisningen, hvor du kan indstille en brugerdefineret tekst og baggrundsfarve.
CSS3 Tekstskygge forklaret
CSS3 text-shadow-egenskaben er en af de mest populære teknikker til gradvist at forbedre designet af et websted. Selvom det oprindeligt var i CSS 2.1-specifikationen, blev det trukket tilbage på grund af manglende support. Men det er nu tilbage i CSS 3 og har udbredt støtte blandt moderne browsere.
Det kræver fire værdier: den første værdi definerer skyggens afstand i x (vandret) retning, den anden værdi angiver afstanden i y (lodret) retning, den tredje værdi definerer skyggens sløring og de sidste værdisæt farven.
Selvom dette er relativt nemt at huske sammenlignet med andre CSS3-regler såsom border-radius, er det nyttigt at have en generator som denne, så du kan generere din tekst-skygge i realtid og finjustere den med Photoshop-lignende kontroller.
