Exécuter
❯
Exécuter le code
Ctrl+Alt+R
Enregistrer le code
Ctrl+Alt+A
Changer d'orientation
Ctrl+Alt+O
Changer de thème
Ctrl+Alt+D
<!DOCTYPE html> <html> <head> <style> div { arrière-plan: rgb(0, 128, 0); } div.first { arrière-plan: rgba(0, 128, 0, 0.1); } div.second { arrière-plan: rgba(0, 128, 0, 0.3); } div.third { arrière-plan: rgba(0, 128, 0, 0.6); } </style> </head> <body> <h1>Boîtes Transparentes 2</h1> <p>Résultat avec opacité:</p> <div style="opacity:0.1;"> <h1>10% d'opacité</h1> </div> <div style="opacity:0.3;"> <h1>30% d'opacité</h1> </div> <div style="opacity:0.6;"> <h1>60% d'opacité</h1> </div> <div> <h1>opacité 1</h1> </div> <p>Résultat avec rgba():</p> <div class="first"> <h1>10% d'opacité</h1> </div> <div class="second"> <h1>30% d'opacité</h1> </div> <div class="third"> <h1>60% d'opacité</h1> </div> <div> <h1>par défaut</h1> </div> <p>Remarquez comment le texte devient transparent ainsi que la couleur de fond lors de l'utilisation de la propriété d'opacité.</p> </body> </html>