在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ html transform scale 怎么做到先放大到1.3倍再縮小到1 ？

html transform scale 怎么做到先放大到1.3倍再縮小到1 ？

html transform scale 怎么做到先放大到1.3倍再縮小到1 ？

$("#v-done-img").css({'transform':'scale(1.3)','transition': 'all 1.2s'});

上面代碼僅僅可以放大，但是我想讓他緊接著縮回去，該怎么寫？

回答
編輯回答
夢一場

$("#v-done-img").css({'transform':'scale(1.3)','transition': 'all 1.2s'});
setTimeout(function(){

$("#v-done-img").css({'transform':'scale(1)','transition': 'all 1.2s'});

},1200)

2017年8月1日 17:43
編輯回答
尋仙

1.第一種方式是重新用keyframe寫個(gè)動(dòng)畫，這個(gè)動(dòng)畫里先放大后縮寫，然后在你代碼這里給這個(gè)元素加上這個(gè)動(dòng)畫
2.第二種方式是用setTimeout 1.2s之后用css設(shè)置scale

2017年2月23日 05:02
編輯回答
淡墨

@keyframes myanimate{
from {

transform: scale(1.3);

}
to {

transform: scale(1);

}
}

2018年1月26日 03:30
編輯回答
墨小羽

樓上說的對(duì)，keyframes你值得擁有

2017年11月25日 03:49
編輯回答
命多硬
$("#v-done-img")
.css({'transform':'scale(1.3)','transition': 'all 1.2s'})
.delay( 1200 )
.promise()
.done(function () {
  $(this).css({'transform':'scale(1)','transition': 'all 1.2s'})
})
2018年9月13日 19:37