Myk CSS Box Shadow — Ferdiglaget kode
Bygg CSS-boksskyggekode visuelt: glidebrytere for forskyvning, uskarphet, spredning, farger med opasitet, innfelt modus og opptil fire lag med en direkte forhåndsvisning.
Resultat
Denne siden åpner boksskyggegeneratoren forhåndslastet med en myk skygge: ingen horisontal forskyvning, 8px ned, en sjenerøs 24px uskarphet og en lav 12% svart opasitet. Forhåndsvisningskortet gjengir det umiddelbart - skyv en glidebryter og CSS-linjen følger i sanntid.
Myke skygger er arbeidshesten til moderne grensesnitt. En stor uskarphet sammen med lav opasitet løfter et kort av siden uten å tegne en hard kontur, og det er grunnen til at de fleste designsystemer holder høydeskyggene sine i akkurat dette området i stedet for de tette, mørke skyggene fra tidlig flat design.
Kopier boks-skyggelinjen rett inn i stilarket ditt, eller stable opptil tre lag til for en rikere høyde. Generatoren kjører helt i nettleseren din - ingenting lastes opp noe sted.