Convertidor gratuït

Generador de Box Shadow CSS

Genereu visualment CSS box-shadow amb previsualització en viu. Afegiu múltiples capes d'ombra, ajusteu el desenfocament, la difusió, el color i l'inset — gratuït i al costat del client.

Previsualització en viu
Preview
Sortida CSS
.element {
  box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.25);
}
Capa 1

Desplaçament Horitzontal4px
-50px50px
Desplaçament Vertical4px
-50px50px
Radi de Desenfocament16px
0px100px
Radi de Difusió0px
-50px50px
Color de l'Ombra
#000000
Opacitat25%
0%100%
Incrustació
outset

Sobre aquesta eina

Creeu i personalitzeu contingut amb el Box Shadow Generator directament al vostre navegador. Configureu les vostres preferències, genereu la sortida i descarregueu o copieu el resultat. Tot funciona al costat del client: les vostres dades es mantenen privades i el processament és instantani.

Com utilitzar-la

  1. Configureu els paràmetres i les opcions segons els vostres requisits.
  2. Feu clic a Genera per crear la vostra sortida.
  3. Previsualitzeu el resultat i feu els ajustos si cal.
  4. Baixeu el fitxer de sortida o copieu-lo al porta-retalls.

Preguntes freqüents

Puc personalitzar la sortida generada?
Sí. L'eina ofereix diverses opcions de personalització per adaptar la sortida a les vostres necessitats específiques. Ajusta la configuració abans de generar o regenera amb diferents opcions.
El contingut generat és d'ús gratuït?
Sí. Tot el que genereu amb aquesta eina és vostre per utilitzar-lo amb finalitats personals, educatives o comercials sense cap restricció ni requisit d'atribució.
Això requereix un compte?
No. L'eina està a punt per utilitzar-se immediatament sense registrar-se, sense correu electrònic i sense registre. Només has d'obrir la pàgina i començar a generar.
Les meves dades d'entrada es mantenen privades?
Sí. Tot el processament es fa al vostre navegador. Les vostres dades d'entrada i la sortida generada mai s'envien a cap servidor extern.