Skip to content

Instantly share code, notes, and snippets.

@hackerrahul

hackerrahul/index.html

Last active May 11, 2018 13:32
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save hackerrahul/95df44199bf917d81596d43e6cfc2276 to your computer and use it in GitHub Desktop.
Save hackerrahul/95df44199bf917d81596d43e6cfc2276 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<title>Button over image on Hover - HackerRahul.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<body>
<div class="w3-container">
<h1>Show Button Over Image on hover</h1>
<div class="w3-display-container w3-hover-opacity" style="width:50%">
<img src="https://www.w3schools.com/w3css/img_avatar3.png" alt="Avatar" style="width:100%">
<div class="w3-display-middle w3-display-hover w3-xlarge">
<a href="https://www.hackerrahul.com"><button class="w3-button w3-black">hackerRahul</button></a>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment