Card Shadow CSS – peen kastivarju kood
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 eelseadistuse klassikalisele kaardivarjule: 2px alla, 8px hägu, 15% must läbipaistmatus. See on tahtlikult vaikne - piisavalt, et eraldada kaart lehest ilma endast teatamata - ja eelvaade näitab täpselt, kui vaikne.
See vahemik vastab enamiku kujundussüsteemide madalaimatele kõrgusastmetele: loendikaardid, rippmenüüd, hüpikaknad ja hõljutatava tabeli read. Kui vajate modaalide või ujuvate paneelide jaoks tugevamat tõstejõudu, suurendage Y-nihet ja hägustage koos – need peaksid kasvama proportsionaalselt, et valgusallikas oleks usutav.
Kopeerige kasti-varjujoon oma komponendi stiilidesse või kopeerige see teise kihina, kasutades servade määratlust. Tööriist on tasuta ja töötab täielikult teie brauseris.