這個過渡效果的名字是什麼？

Question

這是鏈接http://codecanyon.net/item/estro-jquery-ken-burns-swipe-effect-slider/full_screen_preview/235111

圖像轉換在該滑塊中的效果名稱是什麼？以及如何實現它？它是同時放大和移動圖像嗎？

Answer 1

該效果的名稱是Keb Burns（或平移和縮放效果）。 我不認爲你只能用css-transitions才能實現它。你應該使用一些JavaScript/jQuery。

Answer 2

看看這個example。你應該background-poistion,background-size屬性來獲取它。我希望示例代碼對獲取它很有幫助。

和教程background properties。

移動背景基於background-position。

更改圖像需要jQuery。