Run
<!doctype html> <html lang="en"> <head> <title>CSS Background Color Transparency on Hover</title> <style> .main-divhover{ background-image: url(../../wp-content/uploads/2018/05/stop-accidentally-publish-post-wordpress.jpg); background-attachment: scroll; padding: 20px; } .main-divhover:hover .transparent-bghover{ background: rgba(255, 165, 0, 0.73) !important; } .transparent-bghover{ background: orange; padding: 20px; color: #fff; text-align: center; font-size: 26px; } </style> </head> <body> <h2>CSS Background Color Transparency on Hover</h2> <div class="main-divhover"> <div class="transparent-bghover"> Transparent Background </div> </div> </body> </html>
Go to
Tutorialdeep Homepage