- Executores
-
Aprender
Central de aprendizagem Python Exemplos executáveis, NumPy, pandas e mais Central de aprendizagem C e C++ Ponteiros, memória, STL e C++ moderno Central de aprendizagem C#Fundamentos, POO, LINQ, async e exercícios .NET Algoritmos em Python Busca, ordenação, recursão e visualizações O(n) Algoritmos em C e C++ Compare implementações em C e C++
- Desafios
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.
Pratique Python com desafios de código
Resolva problemas práticos direto neste editor: rode os testes de exemplo, envie sua solução e receba uma revisão de código por IA.