HTML + CSSCheckboxes

Huevo en la sartén

Al marcarlo, el huevo se casca sobre la sartén, la clara se extiende con un muelle y el aceite chisporrotea.

Ajustes

16px
1x

Código

<label class="uvq02-egg"><input type="checkbox"><span class="pn" aria-hidden="true"><b style="--a:15deg;--i:0"></b><b style="--a:75deg;--i:1"></b><b style="--a:135deg;--i:2"></b><b style="--a:195deg;--i:3"></b><b style="--a:255deg;--i:4"></b><b style="--a:315deg;--i:5"></b><i class="wh"></i><i class="yk"></i><i class="sh a"></i><i class="sh b"></i></span>Freír un huevo</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.

Versión Markdown con todo el código, para asistentes de IA

Más en Checkboxes

Ver todos: Checkboxes

Dónde usarlo

Este checkbox es una pequeña sartén negra con mango de madera vista desde arriba, con un huevo entero esperando en el centro. Al marcarlo, la cáscara tiembla, se parte en dos mitades que salen volando, la clara se extiende con un temblor de muelle, cae la yema y unas burbujitas de aceite chisporrotean alrededor. Encaja en recetas, cartas de desayunos y apps de cocina.

El color principal es la yema y el secundario la cáscara, así que puedes pasar de huevos morenos a blancos o a uno de pato azulado. Con movimiento reducido se para el chisporroteo y el huevo frito queda quieto.