transform
やtranslate
のようなCSS関数内でcalc()
を使用することは可能ですか?私はそれを動かすことができないようです。これがデモなので、みんなで遊ぶことができます:
CSSで長さベースの値を使用できる場合は、どこでもcalc()
を使用できます。あなたが提供した例は機能しますが、実際には0になります。これは説明のために少し変更されたデモです: http://jsfiddle.net/joshnh/6ydR3/
また、接頭辞のないバージョンを最後にリストするようにしてください。
変換内のcalc()関数でパーセンテージを他の値型と混合することは、Chromeではまったく機能しないようです。これをバグとして報告します。
更新:これはここでバグとして報告されています: https://code.google.com/p/chromium/issues/detail?id=150054