sundlee/polygon-button.html

## polygon-button.html
<!DOCTYPE html>
<html lang="kr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Polygon Button Example</title>
<style>
#polygonBtn .polygonBtn {
  position: relative;
  background: #4169E1;
  color: #FFFFFF;
  border: 0;
  min-width: 70px;
  padding: 7px 15px;
  clip-path: polygon(11% 0, 100% 0, 100% 100%, 0 100%, 0 30%);
}
#polygonBtn .polygonBtn:hover {
  background: #00008B;
}
</style>
</head>
<body>
  <div id="polygonBtn">
    <button class="polygonBtn">Polygon Button</button>
  </div>
</body>
</html>
	<!DOCTYPE html>
	<html lang="kr">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Polygon Button Example</title>
	<style>
	#polygonBtn .polygonBtn {
	position: relative;
	background: #4169E1;
	color: #FFFFFF;
	border: 0;
	min-width: 70px;
	padding: 7px 15px;
	clip-path: polygon(11% 0, 100% 0, 100% 100%, 0 100%, 0 30%);
	}
	#polygonBtn .polygonBtn:hover {
	background: #00008B;
	}
	</style>
	</head>
	<body>
	<div id="polygonBtn">
	<button class="polygonBtn">Polygon Button</button>
	</div>
	</body>
	</html>