Pehme CSS-kasti vari – valmiskood
Looge visuaalselt CSS-i kastivarju koodi: liugurid nihkeks, häguseks, hajutamiseks, läbipaistmatusega värvimiseks, sisestusrežiim ja kuni neli kihti koos reaalajas eelvaatega.
Tulemus
See leht avab kastivarju generaatori, mis on eellaaditud pehme varjuga: horisontaalse nihketa, 8 pikslit allapoole, rikkalik 24 piksli hägusus ja madal 12% must läbipaistmatus. Eelvaatekaart renderdab selle kohe – lükake liugurit ja CSS-i rida järgneb reaalajas.
Pehmed varjud on tänapäevaste liideste tööhobune. Suur hägusus koos väikese läbipaistmatusega tõstab kaardi lehelt välja ilma kõva piirjooni joonistamata, mistõttu hoiab enamik kujundussüsteeme oma kõrgusvarju täpselt selles vahemikus, mitte varajase lameda disaini tihedate tumedate varjude asemel.
Kopeerige kasti-varjujoon otse oma stiililehele või virna rikkama kõrguse saamiseks kuni kolm kihti. Generaator töötab täielikult teie brauseris – kuhugi ei laadita midagi üles.