Cut button corner using CSS - 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

Cut button corner using CSS

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <style>

#btn2{<!--  ww w  .j  a  va  2 s  . c o  m-->
   width: 150px;
   height: 100px;
   background: lightblue;
   -webkit-clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
   clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
}

      </style> 
 </head> 
 <body> 
  <button id="btn2">Hello</button>  
 </body>
</html>

Related Tutorials