css3中怎么设置多个过渡效果

Question

css3中怎么设置多个过渡效果

Answer 1

实例
HTML Code
<div id="ts_div"></div>

CSS Code
#ts_div {
width: 300px;
height: 300px;
margin: 100px auto 0;
background-color: #000;
transition: all 1s ease;
}
#ts_div:hover {
transform: translateX(200px);
}

JS Code
var ts_div = document.getElementById("ts_div");
$("#ts_div").bind("webkitTransitionEnd", function() {
ts_div.css("transform: translateX(-400px)")
});