WEBLEB
Início
Editor
Entrar
Pro
Português
English
Français
Español
Português
Deutsch
Italiano
हिंदी
4430
dev_b
Abrir no Editor
Video
Publique Seu Código
6
Recomendado
15 October 2025
Estrutura HTML de animação de carregamento CSS
12 July 2025
Loop aninhado
HTML
Copy
<!doctype html> <html lang="en"> <head> <title>CSS Card</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> </head> <body> <div class="card"></div> </body> </html>
CSS
Copy
body { background-color: #212121; display: flex; height: 100vh; justify-content: center; align-items: center; overflow: hidden; } .card { width: 190px; height: 254px; border-radius: 30px; background: #212121; box-shadow: 15px 15px 30px rgb(25, 25, 25), -15px -15px 30px rgb(60, 60, 60); }
JS
Copy
