一沐鼠、transition存在的幾個(gè)缺陷:
1) transition需要事件觸發(fā)肝箱,無(wú)法再加載時(shí)完成摧茴;
2) transition是一次性的绵载,無(wú)法設(shè)置重復(fù)發(fā)生,除非事件一再觸發(fā)苛白;
3) transition只能定義開(kāi)始狀態(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中使用