checkboxes
Purple Checkbox
라이브 미리보기새 탭에서 열기 ↗
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>purple-checkbox</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="checkbox-wrapper-12">
<div class="cbx">
<input checked="" type="checkbox" id="cbx-12">
<label for="cbx-12"></label>
<svg fill="none" viewBox="0 0 15 14" height="14" width="15">
<path d="M2 8.36364L6.23077 12L13 2"></path>
</svg>
</div>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="goo-12">
<feGaussianBlur result="blur" stdDeviation="4" in="SourceGraphic"></feGaussianBlur>
<feColorMatrix result="goo-12" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 22 -7" mode="matrix" in="blur"></feColorMatrix>
<feBlend in2="goo-12" in="SourceGraphic"></feBlend>
</filter>
</defs>
</svg>
</div>
</body>
</html>