checkboxes

Animated Checklist

#checkbox#checklist#strike-through#firework#animation#todo#css-only

의존성: 없음 (순수 HTML/CSS/JS)
추가일: 2026-06-11
출처: 원본 보기 ↗

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Animated Checklist</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div id="checklist">
    <input checked="" value="1" name="r" type="checkbox" id="01">
    <label for="01">Bread</label>
    <input value="2" name="r" type="checkbox" id="02">
    <label for="02">Cheese</label>
    <input value="3" name="r" type="checkbox" id="03">
    <label for="03">Coffee</label>
  </div>
</body>
</html>