Set clip-path: polygon - HTML CSS CSS Property

HTML CSS examples for CSS Property:clip-path

  1. HOME
  2. HTML CSS
  3. CSS Property
  4. clip-path

Description

Set clip-path: polygon

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <style>

#btn2{<!--   www .  jav a 2s. c om-->
   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