¿Cómo crear una comparativa de tamaños con HTML o CSS?

eruizr82 · 29 Dic 2022

Una duda:
Se puede crear mediante html o css u otra cosa una comparativa de tamaños como la de la imagen ?

Gracias.

Cicklow · 29 Dic 2022

Eso lo haces hasta con el paint. Con html solo tamaño de una imagen, con css tendrias que diseñar el objeto... como mucho, tener las img por separada y darle un tamaño... ejemplo a la perona le pones tamaño 30% y al dino 90%... (tendrias que saber la diferencia en % de cada uno)...
<img src="persona.jpg" height="30%"><img src="dino.jpg" height="90%">

eruizr82 · 29 Dic 2022

Cicklow dijo:
Eso lo haces hasta con el paint. Con html solo tamaño de una imagen, con css tendrias que diseñar el objeto... como mucho, tener las img por separada y darle un tamaño... ejemplo a la perona le pones tamaño 30% y al dino 90%... (tendrias que saber la diferencia en % de cada uno)...
<img src="persona.jpg" height="30%"><img src="dino.jpg" height="90%">

Por ejemplo el dinosaurio media 10 m y la estatura de la persona es 1.70 cm

m16u31 · 29 Dic 2022

Hay decenas de maneras de hacer lo que quieres, ya depende de tu habilidad y el tiempo que quieras invertirle.

Yo lo haria con HTML, JS y SVG's, ademas usaria alguna librería de animación.

Podrías hacer animaciones para destacar la comparativa de tamaños. Agregar popovers, tooltips etc.
Como digo depende de tus habilidad y bueno el tiempo que invertirás si te encargaron el trabajo.

RamC · 16 Ene 2023

Para crear una comparativa de tamaño en HTML, puedes usar la etiqueta <table> para organizar tus datos en filas y columnas. Luego, puedes usar CSS para darle estilo y hacer que las diferencias de tamaño se vean claramente. También puedes usar tablas de comparación de terceros.

¿Cómo crear una comparativa de tamaños con HTML o CSS?

eruizr82

Cicklow

eruizr82

m16u31

RamC

Temas similares