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 Codevar ts_div = document.getElementById("ts_div");$("#ts_div").bind("webkitTransitionEnd", function() {ts_div.css("transform: translateX(-400px)")});