d3.js学习11
单元素动画transition().duration(duration)
var body = d3.select("body"), duration = 5000; body.append("div") .classed("box",true) .style("background-color","#e9967a") .transition() .duration(duration) .style("background-color","#add8e6") .style("margin-left","600px") .style("width","100px") .style("height","100px");
css
.box { width: 200px; height: 200px; margin: 40px; float: left; text-align: center; border: #969696 solid thin; padding: 5px; }
宽度高度降低,水平平移,颜色变化。
多元素动画
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。