¿Es posible usar calc() dentro de una función CSS como transform o translate? Parece que no puedo hacerlo funcionar. He aquí una demostración de modo que ustedes pueden jugar:Cómo usar calc() dentro de otra función
Puede usar calc() siempre que pueda usar un valor basado en longitud en CSS. El ejemplo que ha proporcionado funciona, pero en realidad se suma a 0. Aquí hay una demostración ligeramente modificada para ilustrar: http://jsfiddle.net/joshnh/6ydR3/
Además, asegúrese de listar la versión no prefijada por última vez.
Los porcentajes de mezcla con otros tipos de valores en la función calc() dentro de una transformación no parecen funcionar en absoluto en Chrome. Informaré esto como un error.
ACTUALIZACIÓN: Esto ha sido reportado como un error aquí: https://code.google.com/p/chromium/issues/detail?id=150054
no funciona en IE10 tampoco :(. Supongo que todavía no es una solución adecuada ... gracias por su respuesta :) – cmplieger
Funciona: http://jsfiddle.net/qdJwY/2/
(edit: Probado en Firefox solamente)
En su ejemplo da la casualidad de que 100% = 200px, entonces has traducido por cero.
No creo traducciones toman porcentajes. Funciona si usas píxeles en lugar de porcentaje, pero supongo que eso vencerá el propósito. – Musa
sí, pero gracias por el esfuerzo :) – cmplieger