HTML CSS examples for CSS Widget:Hover Image
<img> Hover on siblings
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .balloons {<!--from www.ja va2 s . co m--> display:none; } .like:hover + .balloons { display:block; } </style> </head> <body> <div id="container" class="relative"> <div class="like absolute"> <a href="#"> <img class="like" src="https://www.java2s.com/style/demo/Google-Chrome.png" width="32" height="32" alt="Like"> </a> </div> <div class="balloons absolute"> <a href="#"> <img class="heart" src="https://www.java2s.com/style/demo/InternetExplorer.png" width="24" height="24" alt="Symbol"> </a> </div> </div> </body> </html>