38°18°36.0°C
HTML + CSSFondos

Cámara térmica

Siluetas de calor caminan por una imagen infrarroja con escala de temperatura y una mira que sigue el punto más caliente, en canvas.

Ajustes

1x
1x
1

Código

<div class="pt-uvq16-thermal"><canvas></canvas><i class="hud"></i><i class="sc"><b>38°</b><b>18°</b></i><i class="mk"><b class="rd">36.0°C</b></i></div>

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 Fondos

Ver todos: Fondos

Dónde usarlo

Una cámara infrarroja recreada con pocas líneas de código. Un campo de calor a baja resolución suma formas suaves para tres personas que caminan, una lámpara, una taza caliente y una ventana fría, y cada valor pasa por una paleta de cinco pasos de casi negro a blanco. Un marco de cámara, una barra de escala y una mira que salta al punto más caliente completan el efecto.

Los tres colores son los pasos intermedios de la paleta, así que puedes ir del clásico ironbow a un arcoíris o a un solo tono. La densidad cambia el tamaño de las figuras. Tu cursor es una mano caliente que aparece en la imagen. Ideal para seguridad, hardware, energía y tecnología sanitaria.