zocoi/README.md

## README.md

      
    Raw
  

              README.md
            
          
    An example of using transition.styleTween to avoid using the computed style value, and instead use the style value as-set.

  
## index.html
<!DOCTYPE html>
<meta charset="utf-8">
<body>
<div style="width: 100px; height: 100px; background:brown;"/>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
function styleTween() {
    return d3.interpolateString("translate(0,0)", "translate(50px, 50px)");
};

d3.select("div")
  .styleTween("transform", styleTween)
  .style("-webkit-transform", "translate(50px, 50px)");


</script>
	<!DOCTYPE html>
	<meta charset="utf-8">
	<body>
	<div style="width: 100px; height: 100px; background:brown;"/>
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<script>
	function styleTween() {
	return d3.interpolateString("translate(0,0)", "translate(50px, 50px)");
	};

	d3.select("div")
	.styleTween("transform", styleTween)
	.style("-webkit-transform", "translate(50px, 50px)");



	</script>