调整html css表格位置,表格 HTML CSS JS 布局

线的过渡动画效果Demo

.animate {

/*width: 0;*/

height: 0;

/*-webkit-transition: width 1600ms cubic-bezier(0.215, 0.61, 0.355, 1);*/

/* transition: width 1600ms cubic-bezier(0.4, 0.61, 0.355, 1); */

/*transition: width 1600ms; */

transition: height;

}

.div1 {

/*width: 100%;*/

/*height: 2px;*/

width: 2px;

/*background: #c2c2c2;*/

background: #f46c0e;

margin-left:100px;

}

function line(){

var t = setTimeout(function(){

var element = document.getElementsByClassName("div1")[0];

console.log(element);

// element.style.width = "100%";

element.style.height = "100%";

element.style.transitionDuration = "3s";

element.style.transitionTimingFunction="cubic-bezier(0.4, 0.61, 0.355, 1)"

},3000);

}

line();