一、transition存在的幾個(gè)缺陷:
1) transition需要事件觸發(fā),無法再加載時(shí)完成;
2) transition是一次性的,無法設(shè)置重復(fù)發(fā)生,除非事件一再觸發(fā);
3) transition只能定義開始狀態(tài)和結(jié)束狀態(tài),不能定義中間狀態(tài);
二、使用例子:
img{
??? height:15px;
??? width:15px;
transition:height 1s, width ease 1s;
}
(1)css偽類觸發(fā)
img:hover{
??? height:450px;
??? width:450px;
}
(2)函數(shù)事件觸發(fā)
This.refs.[name].style.height=450+”px”;?? ——react使用
或
document.getElementById().style.height=450+”px”; ——JS中使用