Box Shadow Generator

Tervezzen réteges keretes árnyékokat eltolásokkal, elmosódással, szórással és színekkel. Előnézet egy kártyán, majd másolja a CSS-t egyetlen kattintással.

Box Shadow Generator

Live
Preview card

CSS output

box-shadow: 8px 16px 32px -4px rgba(192, 38, 211, 0.35);
border-radius: 24px;

Key capabilities

  • Tervezzen réteges doboz-árnyékokat eltolásokkal, elmosódással, szórással és színekkel – élő előnézettel.
  • A böngészőben fut
  • Ingyenesen használható

Használati útmutató

  1. Állítsa be az eltolást, az elmosódást és a terjedést.
  2. Válassza ki a színt és az átlátszóságot (vagy adjon hozzá rétegeket).
  3. Másolja ki a box-shadow CSS-t.

How this tool works

  1. Állítsa be az eltolást, az elmosódást és a terjedést.
  2. Válassza ki a színt és az átlátszóságot (vagy adjon hozzá rétegeket).
  3. Másolja ki a box-shadow CSS-t.

Recommended settings

  • Először használja az alapértelmezett beállításokat, majd módosítsa, ha szükséges

Supported formats

Text / on-page input

File size and limits

  • A nagyon összetett többrétegű előnézetek lassabbnak tűnhetnek a régebbi telefonokon.

Privacy

A szín- és CSS-generátorok teljes egészében az Ön böngészőjében futnak. Az előnézetek és a konverziók soha nem töltik fel a stílusokat.

Common use cases

  • Használja a Box Shadow Generatort, amikor csak szüksége van rá: Tervezzen réteges keretes árnyékokat eltolásokkal, elmosódással, szórással és színekkel – élő előnézettel.

Troubleshooting

Az előnézet beillesztés után másképp néz ki

Ellenőrizze, hogy az oldalon található-e versengő CSS (visszaállítások, örökölt színek). Először másolja át a generált szabályt egy elszigetelt stíluslapba.

GYIK

Ez feltölti a CSS-emet?

Nem. A generátorok és konverterek élő előnézettel futnak a böngészőben.

Szükségem van fiókra?

Nem. Nyissa meg az eszközt, módosítsa a vezérlőket, és másolja a CSS-t.

Kapcsolódó eszközök