Como criar uma comparativa de tamanhos com HTML ou CSS?

eruizr82 · 29/12/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/12/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/12/2022

Cicklow disse:
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/12/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/01/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.

Como criar uma comparativa de tamanhos com HTML ou CSS?

eruizr82

Cicklow

eruizr82

m16u31

RamC

Tópicos similares