Create rising up and down button - HTML CSS CSS Form

HTML CSS examples for CSS Form:input button style

  1. HOME
  2. HTML CSS
  3. CSS Form
  4. input button style

Description

Create rising up and down button

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <style>

div {<!--   w w w .  j a va  2s.  co  m-->
   border-radius: 4px;
   width: 100px;
   height: 20px;
   background: green;
   position: absolute;
   top: 50px;
   left: 50px;
   text-align: center;
   padding: 10px 0px;
}

div:hover {
   top: 40px;
   padding-bottom: 20px;
}
      </style> 
 </head> 
 <body> 
  <div>
    Howdy 
  </div>  
 </body>
</html>

Related Tutorials