Hover Effect

Written by

in

<!DOCTYPE html>
<html>
<head>
  <style>
button {
  background: green;
  color: white;
  padding: 10px;
  border: none;
  cursor: pointer;
}
button:hover {
  background: darkgreen; /* Changes color when hovered */
}  </style>
</head>
<body>
  <button>Hover Me</button>
</body>
</html>

Explanation:

:hover applies style when the mouse is over the element.

Comments

Leave a Reply Cancel reply

More posts