Online eszköz CSS Box Shadow Generator

color
color

Hozza létre a doboz árnyék tulajdonságait a CSS stílus eléréséhez.

A csúszkák és a színválasztó segítségével állítsa be az értékeket, és nézze meg az élő előnézetet, amíg el nem éri a kívánt hatást. Válassza ki a jobbra lefelé mutató eltolást, terítést, elmosódást, átlátszatlanságot, színt.

Válasszon egyéni színt az előnézeti háttér és az objektum számára.

 

Több doboz-árnyék hozzáadása

A webböngészők lehetővé teszik számunkra, hogy egynél több árnyékot adjunk a tervünkhöz, és ez az online eszköz is ezt teszi. Az Új hozzáadása gombbal mentse el az aktuális sort, és állítson be egy újat. 

 

CSS szintaxis

box-shadow: none|<em>h-offset v-offset blur spread color&nbsp;</em>|inset|initial|inherit;

Megjegyzés:  Ha egynél több árnyékot szeretne egy elemhez csatolni, adja hozzá az árnyékok vesszővel elválasztott listáját (lásd lent a „Próbáld ki magad” példát).