- Ejecutores
-
Aprender
Centro de aprendizaje de Python Ejemplos ejecutables, NumPy, pandas y más Centro de aprendizaje de C y C++ Punteros, memoria, STL y C++ moderno Centro de aprendizaje de C#Fundamentos, POO, LINQ, async y ejercicios de .NET Algoritmos en Python Búsqueda, ordenación, recursión y visualizadores O(n) Algoritmos en C y C++ Compara implementaciones en C y C++
- Retos
CSS and design
Box Shadow Generator
Design soft, layered CSS shadows visually and copy the box-shadow code.
- Runs in your browser
- Instant results
- Free, no sign-up
Loading the tool…
How to use the Box Shadow Generator
- Adjust offset, blur, spread, color and opacity.
- Add layers for softer, more realistic shadows.
- Copy the CSS.
Frequently asked questions
Why use multiple shadow layers?
Combining a tight, darker shadow with a wide, faint one looks more natural than a single shadow.
What does spread do?
Positive spread makes the shadow larger than the element; negative spread makes it smaller.
What is an inset shadow?
A shadow drawn inside the element, useful for pressed buttons and input fields.
Practica Python con desafíos de código
Resuelve problemas prácticos en este editor: ejecuta las pruebas de ejemplo, envía tu solución y recibe una revisión de código por IA.