CSS Box Shadow Generátor
Mi az a CSS Box Shadow?
A CSS box-shadow tulajdonság árnyékhatásokat ad egy elem kerete köré. Az árnyékok eltolhatók, elmosódhatnak, szóródhatnak, megszínezhetők és inset-ként (belső árnyék) beállíthatók. Vesszővel elválasztott több árnyék egymásra rétegezve gazdag hatásokat hozhat létre. Ez a generátor lehetővé teszi, hogy vizuálisan hozzon létre összetett többrétegű árnyékokat, és másolja a beillesztésre kész CSS-t a vágólapra.
A Box Shadow Generátor használata
-
Állítsa be az Offset X/Y, Blur és Spread csúszkákat az árnyék elhelyezéséhez és formázásához.
-
Kattintson a színmintára az árnyékszín kiválasztásához, és használja az Opacity csúszkát az átlátszósághoz.
-
Kapcsolja be az 'Inset'-et belső ragyogás vagy benyomott hatás létrehozásához.
-
Kattintson a '+ Réteg hozzáadása' gombra több árnyék egymásra rétegezéséhez.
-
Másolja a generált CSS-t és illessze be a stíluslapjába.
Keywords: CSS box shadow generátor, box-shadow CSS, CSS árnyék eszköz, CSS drop shadow, belső árnyék, többrétegű árnyék, CSS shadow online