Trending
YouLinKs
Crea tu página de enlaces gratis: redes, web, vídeos, música, mapa y cuenta regresiva con tu diseño. Pruébala sin cuenta y mira tus visitas y clics.
Profundidad para tus diseños · gratis
Sombras realistas en capas, efecto vidrio, relieve suave y textos con neón o 3D. Ajusta con deslizadores, mira el resultado al momento y copia el código CSS o Tailwind.
.tarjeta {
background: #ffffff;
border-radius: 24px;
box-shadow: 0px 1px 2px 0px rgba(30, 27, 75, 0.1),
0px 2px 4px 0px rgba(30, 27, 75, 0.1),
0px 4px 8px 0px rgba(30, 27, 75, 0.1),
0px 8px 16px 0px rgba(30, 27, 75, 0.1),
0px 16px 32px 0px rgba(30, 27, 75, 0.1);
}Consejo: una sombra del color del fondo, pero más oscuro, se ve más natural que una gris.
Pulsa un número para ajustar esa capa a mano.
Una buena sombra dice qué está encima de qué sin que nadie lo note. Aquí la diseñas a ojo, con deslizadores, y te llevas el código exacto para tu web o tu prototipo.
Elige un estilo, prueba otro efecto y copia el código: