Можно ли использовать calc()
внутри функции CSS, например transform
или translate
?
Я не могу заставить его работать. Вот демо, чтобы вы, ребята, могли поиграть:
Как использовать функцию calc() внутри другой функции
Ответ 1
Вы можете использовать calc()
везде, где вы можете использовать значение длины в CSS. Пример, который вы предоставили, действительно работает, но на самом деле составляет до 0. Вот немного измененная демоверсия для иллюстрации: http://jsfiddle.net/joshnh/6ydR3/
Кроме того, не забудьте перечислить последнюю версию без префикса.
Смешивание процентов с другими типами значений в функции calc() внутри преобразования, похоже, вообще не работает в Chrome. Я сообщу об этом как об ошибке.
UPDATE: здесь сообщается об ошибке: https://code.google.com/p/chromium/issues/detail?id=150054
Ответ 2
Он работает: http://jsfiddle.net/qdJwY/2/
(изменить: протестировано только в Firefox)
В вашем примере так получилось, что 100% = 200px
, поэтому вы перевели на нуль.