Brote que crece en la maceta
La semilla de la maceta de barro echa tallo y dos hojas con un muelle, y después se mece despacio.
Ajustes
Código
<label class="uvq02-spr"><input type="checkbox"><span class="bx"><svg viewBox="0 0 32 32" aria-hidden="true"><g class="pl"><path class="sm" pathLength="1" d="M16 17.5c0-3-.7-5.6.3-8.8"/><path class="lf a" d="M16 12.2c-1.2-3-4.4-4-7-3.4.4 2.9 3.3 4.6 7 3.4z"/><path class="lf b" d="M16.3 9.4c1-3.2 4.2-4.6 7.2-4 .2 3-2.9 5-7.2 4z"/></g><ellipse class="so" cx="16" cy="17.6" rx="8.4" ry="1.5"/><ellipse class="sd" cx="16" cy="16.6" rx="1.4" ry=".95"/><path class="pt" d="M8.3 20h15.4l-1.9 9.3a1.6 1.6 0 0 1-1.6 1.3h-8.4a1.6 1.6 0 0 1-1.6-1.3z"/><rect class="rm" x="6.6" y="17.3" width="18.8" height="3.6" rx="1"/></svg></span>Plantar albahaca</label>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Checkboxes
Ver todos: CheckboxesDónde usarlo
Este checkbox es una pequeña maceta de barro dibujada en SVG. Al marcarlo, la semilla desaparece, el tallo crece con un trazo que se dibuja y se abren dos hojas con un golpe de muelle; después la plantita se mece despacio. Al pasar el ratón la maceta se balancea. Encaja en apps de jardinería, registros de hábitos, páginas de sostenibilidad y pasos de bienvenida que celebran el progreso.
El color principal tiñe las hojas y el tallo, el secundario la maceta, así que puedes probar salvia y barro, lima y carbón o tonos de otoño. Con movimiento reducido se para el balanceo y la planta queda quieta.