Change cursor:pointer for button and hover state with button:hover - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Button

  1. HOME
  2. HTML CSS
  3. CSS Widget
  4. Button

Description

Change cursor:pointer for button and hover state with button:hover

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <title>Pointer</title> 
 </head> <!--   w  w  w  . j ava  2s  .c o m-->
 <body> 
  <button class="pointer">Pointer</button> 
  <button class="hoverPointer">Hover Pointer</button> 
  <style>
.pointer {
   cursor:pointer;
}

.hoverPointer:hover {
   -webkit-transition:3s;
   transition:3s;
   cursor:pointer;
   background-color:Chartreuse;
}
</style>  
 </body>
</html>

Related Tutorials