Diseño

Red

Dominio

Seguridad

Marketing

Codificación

Imagen

Texto

Código

Fecha y hora

Archivo

Otros

Generador de sombras (CSS)

Genera CSS para sombras (externas/internas) con parámetros ajustables.
Patrón
box-shadowtext-shadow
Color (#000000)
Opacidad (50%)
Difusión (5px)
Desplazamiento Y (10px)
Desplazamiento X (10px)
Tamaño (0px)
Dirección
ExternaInterna

Explicación

Genera el CSS en tiempo real a partir de parámetros de la sombra, como el color y la distancia.

Ajustes

PatrónElige entre sombras de caja (box-shadow) y sombras de texto (text-shadow).
ColorDefine el color de la sombra.
OpacidadDefine la opacidad del color de la sombra.
DifusiónAjusta la intensidad del desenfoque o la expansión.
DistanciaDefine el desplazamiento horizontal y vertical de la sombra. Con 0px, queda centrada.
TamañoDefine el tamaño de la sombra. Si estableces la distancia en 0px y aumentas el tamaño, obtendrás un efecto de resplandor.
DirecciónElige si la sombra será exterior o interior.

Herramientas relacionadas

CSS a cuadros

Genera un patrón de fondo a cuadros con CSS.

DiseñoCSSCódigo

CSS rayas

Genera un patrón de fondo de rayas con CSS.

DiseñoCSSCódigo

CSS lunares

Genera un patrón de fondo de lunares con CSS.

DiseñoCSSCódigo

Degradado CSS

Genera CSS para degradados lineales y radiales.

DiseñoCSSCódigo

Imagen dummy

Genera imágenes de marcador de posición para mocks y wireframes.Configura el tamaño, los colores de fondo/texto y el texto, y obtén una URL de imagen enlazable directamente.

ImagenDiseño

Comprobar JSON

Valida JSON (y opcionalmente JSONP) y comprueba errores de sintaxis.

CódigoJSONValidación

Texto ficticio

Genera texto de marcador de posición para diseño y wireframes.Admite preajustes o texto personalizado y genera una cantidad específica de caracteres.

TextoDiseño

Entidades HTML

Codifica y decodifica entidades HTML (p. ej., & ↔ &).

CodificaciónHTMLCódigo
DiseñoCSSCódigo