Zachte CSS Box Shadow - kant-en-klare code
Creëer visueel CSS-vakschaduwcode: schuifregelaars voor offset, vervaging, spreiding, kleur met dekking, inzetmodus en maximaal vier lagen met een live voorbeeld.
Resultaat
Op deze pagina wordt de box-shadow-generator geopend die vooraf is geladen met een zachte schaduw: geen horizontale offset, 8px naar beneden, een royale 24px-vervaging en een lage zwarte dekking van 12%. De voorbeeldkaart geeft het onmiddellijk weer: duw een willekeurige schuifregelaar en de CSS-regel volgt in realtime.
Zachte schaduwen zijn het werkpaard van moderne interfaces. Een grote vervaging in combinatie met een lage dekking tilt een kaart van de pagina zonder een harde omtrek te tekenen. Daarom houden de meeste ontwerpsystemen hun hoogteschaduwen precies in dit bereik in plaats van de dichte, donkere schaduwen van vroege platte ontwerpen.
Kopieer de doosschaduwlijn rechtstreeks naar uw stylesheet, of stapel maximaal drie extra lagen op voor een rijkere hoogte. De generator draait volledig in uw browser; er wordt nergens iets geüpload.