{"html":"\n \n \n \n \n \n Mark as done\n\n","css":"@import url(\"s://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&display=swap\");\n\n.scratch-check {\n font-family: \"DM Mono\", monospace;\n display: inline-flex;\n align-items: center;\n gap: 14px;\n cursor: pointer;\n user-select: none;\n}\n\n.scratch-check__input {\n display: none;\n}\n\n.scratch-check__box {\n position: relative;\n width: 28px;\n height: 28px;\n border-radius: 6px;\n background: #1a1a2e;\n border: 2px solid #e94560;\n flex-shrink: 0;\n overflow: hidden;\n transition:\n border-color 0.3s ease,\n background 0.3s ease;\n}\n\n.scratch-check__scratch {\n position: absolute;\n inset: -2px;\n background: repeating-linear-gradient(\n -45deg,\n #e94560 0px,\n #e94560 3px,\n transparent 3px,\n transparent 8px\n );\n opacity: 1;\n transform-origin: center;\n transition:\n transform 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55),\n opacity 0.4s ease;\n}\n\n.scratch-check__tick {\n position: absolute;\n inset: 2px;\n opacity: 0;\n transform: scale(0) rotate(-30deg);\n transition:\n transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s,\n opacity 0.3s ease 0.15s;\n}\n\n/* Checked state */\n.scratch-check__input:checked ~ .scratch-check__box {\n background: #e94560;\n border-color: #e94560;\n}\n\n.scratch-check__input:checked ~ .scratch-check__box .scratch-check__scratch {\n transform: scale(0) rotate(45deg);\n opacity: 0;\n}\n\n.scratch-check__input:checked ~ .scratch-check__box .scratch-check__tick {\n opacity: 1;\n transform: scale(1) rotate(0deg);\n}\n\n.scratch-check__label {\n font-size: 14px;\n font-weight: 500;\n color: #c9d1d9;\n letter-spacing: 0.03em;\n transition:\n color 0.3s ease,\n text-decoration 0.3s ease;\n text-decoration-color: transparent;\n text-decoration-line: line-through;\n}\n\n.scratch-check__input:checked ~ .scratch-check__label {\n color: #8b949e;\n text-decoration-color: #8b949e;\n}\n\n/* Hover */\n.scratch-check:hover .scratch-check__box {\n box-shadow: 0 0 0 3px rgba(233, 69, 96, 0.2);\n}\n"}

loud-shrimp-61

👁 实时预览

📝 源代码