CSS Box Shadow Generator
Bygg CSS-boksskyggekode visuelt: glidebrytere for forskyvning, uskarphet, spredning, farger med opasitet, innfelt modus og opptil fire lag med en direkte forhåndsvisning.
Resultat
En boksskyggeerklæring har seks bevegelige deler – X- og Y-forskyvning, uskarphet, spredning, farge og det valgfrie innfelte nøkkelordet – og den eneste måten å få dem riktig på er å se dem. Denne generatoren legger hver del på en glidebryter og gjengir resultatet på et forhåndsvisningskort mens du drar, slik at CSS-linjen nederst alltid er nøyaktig det du ser på.
Virkelige skygger er sjelden et enkelt lag. Laglisten lar deg stable opptil fire skygger i én erklæring: en stram mørk linje for kantdefinisjon pluss en bred myk vask for høyde, eller det lyse og mørke paret som definerer nevmorfisme. Velg et lag for å redigere det, fjern de du ikke trenger, og den kombinerte boks-skyggeverdien oppdateres live.
Skygger leser veldig forskjellig på mørke grensesnitt, der en svart skygge på en nesten svart side ganske enkelt forsvinner. Forhåndsvisningsbakgrunnsveksleren bytter bakgrunnen mellom lys og mørk, slik at du kan sjekke begge temaene før sending. Forhåndsinnstilte sider dekker variantene folk faktisk søker etter: en myk høydeskygge, en innfelt brønn, tolags nemorfismeoppskriften og en subtil kortskygge.
Som alle andre verktøy på dette nettstedet, er generatoren gratis og kjører i sin helhet i nettleseren din: ingen opplasting, ingen konto, og den fortsetter å fungere offline når siden er lastet inn.