Comment utiliser calc () dans une autre fonction

Est-il possible d'utiliser calc() à l'intérieur d'une fonction CSS comme transform ou translate?
Je n'arrive pas à le faire fonctionner. Voici une démo, donc les gars, vous pouvez jouer:

http://jsfiddle.net/qdJwY/1/

source d'informationauteur cmplieger

  1. 9

    Vous pouvez utiliser calc() partout où vous pouvez utiliser une longueur en fonction de la valeur en CSS. L'exemple que vous avez fourni ne fonctionne, mais en fait, ajoute à 0. Voici un peu changé de démonstration pour illustrer: http://jsfiddle.net/joshnh/6ydR3/

    Aussi, assurez-vous d'inscrire le unprefixed version dernière.

    Pourcentages de mélange avec d'autres types de valeur dans le calc() fonction au sein d'une transformation ne semble pas fonctionner du tout dans Chrome. Je vais signaler cela comme un bug.

    Mise à JOUR: Ce qui a été signalé comme un bug ici: https://code.google.com/p/chromium/issues/detail?id=150054

  2. 2

    Cela fonctionne: http://jsfiddle.net/qdJwY/2/

    (edit: Testé dans Firefox uniquement)

    Dans votre exemple, il se trouve que 100% = 200pxsi vous avez traduit par zéro.