Blød CSS Box Shadow — Færdiglavet kode
Byg CSS box-shadow kode visuelt: skydere til offset, sløring, spredning, farve med opacitet, indsat tilstand og op til fire lag med en live preview.
Resultat
Denne side åbner box-shadow-generatoren forudindlæst med en blød skygge: ingen vandret offset, 8px ned, en generøs 24px sløring og en lav 12% sort opacitet. Preview-kortet gengiver det med det samme - skub til enhver skyder, og CSS-linjen følger i realtid.
Bløde skygger er arbejdshesten i moderne grænseflader. En stor sløring parret med lav opacitet løfter et kort væk fra siden uden at tegne en hård kontur, hvilket er grunden til, at de fleste designsystemer holder deres højdeskygger i præcis dette område i stedet for de tætte, mørke skygger fra tidligt fladt design.
Kopier boksen-skygge-linjen direkte ind i dit stylesheet, eller stak op til tre lag mere for at få en mere fyldig højde. Generatoren kører udelukkende i din browser - intet uploades nogen steder.