DevTulz Online

CSS Box Shadow Generaator

Taust


Mis on CSS Box Shadow?

CSS-i omadus box-shadow lisab varjuefekte elemendi raami ümber. Varje saab nihutada, hägustada, levitada, värvida ja seada inset-ina (sisemine vari). Mitu komaga eraldatud varju saab kihistada rikkalike efektide saavutamiseks. See generaator võimaldab teil visuaalselt luua keerulisi mitmekihilisi varje ja kopeerida kleepimiseks valmis CSS lõikelauale.

Kuidas kasutada Box Shadow Generaatorit

  1. Reguleerige Offset X/Y, Blur ja Spread liugureid varju positsioneerimiseks ja kujundamiseks.

  2. Klõpsake värviproovil varju värvi valimiseks ja kasutage läbipaistvuse jaoks Opacity liugurit.

  3. Lülitage 'Inset' sisse sisemise hõõguse või vajutusefekti loomiseks.

  4. Klõpsake '+ Lisa kiht', et virnastada mitu varju üksteise peale.

  5. Kopeerige loodud CSS ja kleepige see oma stiililehele.

Keywords: CSS box shadow generaator, box-shadow CSS, CSS varju tööriist, CSS drop shadow, sisemine vari, mitmekihiline vari, CSS shadow veebis