css-transitions - このトランジション効果の名前は何ですか?

Question

これはリンクhttp://codecanyon.net/item/estro-jquery-ken-burns-swipe-effect-slider/full_screen_preview/235111です

そのスライダーの画像遷移のエフェクト名は何ですか? そして、それを達成する方法は？ズームインと画像の移動を同時に行っていますか?

Answer 1

そのエフェクトの名前は Keb Burns (または Pan and Zoom エフェクト) です。css-transitions だけで実現できるとは思えません。JavaScript/jQuery を使用する必要があります。

Answer 2

この例を見てください。background-poistion,background-sizeプロパティを取得する必要があります。サンプルコードがそれを理解するのに役立つことを願っています.

背景プロパティに関するチュートリアル。

動く背景は をベースにしていbackground-positionます。

画像の変更にはjqueryが必要です。