 transform-style: preserve-3d;
  }
  #target {
    width: 300px;
    height: 200px;
    font-size: 20px;
  }
</style>
</head>
<body>
<div id="container">
  <div id="target"></div>
</div>
<script>
'use strict';

test(function(){
  target.style = 'translate: calc(30px + 20%) calc(-200px + 100%);';
  assert_equals(getComputedStyle(target).translate, 'calc(20% + 30px) calc(100% - 200px)');
}, 'translate supports calc');

test(function(){
  target.style = 'rotate: calc(1turn - 100grad);';
  assert_equals(getComp