WEBLEB
Início
Editor
Entrar
Pro
Português
English
Français
Español
Português
Deutsch
Italiano
हिंदी
HTML
CSS
JS
<!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>
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); }
Validating your code, please wait...
HTML
CSS
JS
<!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>
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); }