Toggle navigation
☰
HTML
CSS
Scripting
Database
<!DOCTYPE html> <html> <head> <style> body { background-image: url('/pix/samples/20l.jpg'); background-size: cover; background-repeat: no-repeat; font-family: Arial, sans-serif; display: flex; justify-content: center; align-items: center; height: 300px; gap: 20px; } .box { background-color: white; color: black; padding: 40px; font-weight: bold; font-size: 18px; border-radius: 8px; } .opaque { opacity: 1; /* Fully opaque */ } .semi-transparent { opacity: 0.4; /* 40% transparency */ } </style> </head> <body> <div class="box opaque">Fully Opaque Box</div> <div class="box semi-transparent">Semi-Transparent (Opacity: 0.4)</div> </body> </html>
