Sisestatud 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, mille sisestuskast on juba märgitud, nii et vari joonistatakse elemendi sisse, mitte selle taha. Eelvaatekaart näitab uppunud efekti korraga ja iga liugur värskendab pidevalt CSS-i rida.
Sisestatud varjud on see, kuidas CSS võltsib sügavust sissepoole: neile toetuvad vajutatud nupu olekud, otsinguväljad ja sisestuskaevud, edenemisriba süvendid ja graveeritud paneelid. Kuna vari kallistab sisemist serva, käitub hägune ja hajuv veidi teisiti kui tavalise varjundi korral – siinsed liugurid lasevad seda erinevust koheselt tunda.
Kui vajunud välimus on õige, kopeerige kasti-varjujoon oma stiililehele. Saate kombineerida ka sisekihi tavaliste välimiste kihtidega – lisage teine kiht ja tühjendage selle sisestus, et segada mõlemad ühes deklaratsioonis.