Toggle navigation
☰
HTML
CSS
Scripting
Database
<!DOCTYPE html> <html> <head> <style> body { background-image: url('/pix/samples/26l.jpg'); background-size: cover; background-repeat: no-repeat; font-family: Arial, sans-serif; display: flex; justify-content: center; align-items: center; height: 300px; } .ghost-box { width: 250px; padding: 40px; border: 5px solid white; /* Completely see-through background */ background-color: transparent; color: white; font-weight: bold; text-align: center; backdrop-filter: blur(5px); /* Added some blur for extra quality! */ } </style> </head> <body> <div class="ghost-box"> I have a 100% transparent background (the default). </div> </body> </html>
