Question 1

¿Qué genera esto?

Accepted Answer

Una cadena CSS box-shadow que puedes pegar en una hoja de estilos.

Question 2

¿El CSS sale de la pestaña?

Accepted Answer

No. La cadena se crea en el navegador.

Question 3

¿Es una herramienta de sombra para fotos?

Accepted Answer

No. Escribe CSS para una caja, no un filtro sobre un archivo de imagen.

Question 4

¿Qué es la extensión (spread)?

Accepted Answer

Hace crecer o encoger la sombra antes de aplicar el desenfoque.

Question 5

¿Puedo hacer una sombra inset?

Accepted Answer

Sí, si el control está activo. Inset dibuja la sombra dentro de la caja.

Question 6

¿Esto instala una extensión del navegador?

Accepted Answer

No. Copias texto.

Question 7

¿Puedo crear un degradado aquí?

Accepted Answer

No. Usa el generador de degradados.

Question 8

¿Dónde saco los números de color?

Accepted Answer

Escríbelos, o copia el hex del selector de color.

Question 9

¿Se guardan los valores?

Accepted Answer

No. Cierra la pestaña y desaparecen.

Question 10

¿Funciona sin conexión después de cargar?

Accepted Answer

Sí.

Question 11

¿Todos los navegadores pintan la sombra igual?

Accepted Answer

Lo bastante para trabajo de UI. Los desenfoques grandes aún pueden verse más suaves en algunas GPU.

Generador de box-shadow - CSS box-shadow en la pestaña