¿Cómo puedo escalar la altura y el ancho del elemento usando CSS?

Question

¿Hay alguna manera de usar CSS para escalar elementos. Por ejemplo, si tengo una imagen, ¿cómo puedo decir

img.height = image.height * 0.75 // scale down to 0.75 

usando CSS?

Answer 1

Prueba esto:

div.zoomed { zoom: 0.75; -moz-transform: scale(0.75); } 

deben trabajar en: Firefox 3.5, Internet Explorer 5.5 o superior, Opera, Safari 4, Chrome

Editar: También debe agregar -webkit-transform: scale(0.75); para Chrome y Safari, aunque las últimas versiones son compatibles con zoom

Answer 2

A partir de CSS 2.1 no puede cambiar las dimensiones de un elemento dependiendo de las dimensiones de otros elementos (incluido él mismo).

Tendrás que usar JavaScript para esto.

Probablemente sea posible en CSS3 con variables de CSS.