Soft CSS Box Shadow — Kész kód
Készítsen CSS-doboz-árnyékkódot vizuálisan: csúszkák az eltoláshoz, elmosódáshoz, szóráshoz, színezéshez, átlátszósághoz, beillesztési módhoz és akár négy réteghez élő előnézettel.
Eredmény
Ez az oldal megnyitja a doboz-árnyékgenerátort, amely előre feltöltött lágy árnyékkal: nincs vízszintes eltolás, 8 képpont lefelé, nagyvonalú 24 képpontos elmosódás és alacsony, 12%-os fekete átlátszatlanság. Az előnézeti kártya azonnal megjeleníti – tolja el bármelyik csúszkát, és a CSS-sor valós időben követi.
A lágy árnyékok a modern interfészek igáslovai. A nagy elmosódás alacsony átlátszatlansággal párosítva kiemeli a kártyát az oldalról anélkül, hogy kemény körvonalat rajzolna, ezért a legtöbb tervezési rendszer pontosan ebben a tartományban tartja a magassági árnyékokat a korai lapos kialakítás sűrű, sötét árnyékai helyett.
Másolja a doboz-árnyék vonalat egyenesen a stíluslapjába, vagy halmozzon fel további három réteget a gazdagabb szint érdekében. A generátor teljes egészében a böngészőjében fut – semmi sem kerül feltöltésre sehova.