jQueryを使用したスライダーで画像をズームさせて切り替える動きを作りたい

Question

jQueryを使用したスライダーで画像をズームさせて切り替える動きを作りたい

jQueryを使用してスライダーを作成することはできました。
画像がズームして切り替わる動きを作成したいのですが、新たにプラグインのダウンロードが必要なのか
CSS等に@keyframeを追加してできるのかわかりません。
現在スライダーはjQuery.BgSwitcherを使用して作成しています。

よろしくお願いします。

該当のソースコード

<div class="main-visual></div>

.main-visual { 
    height: 0;
    position: relative;
    padding-top: 47.5%;
    text-align: center;
}

jQuery(function($) {
    $('.main-visual').bgSwitcher({
        images: ['assets/img/home/pc_main.png','assets/img/home/pc_main02.jpg','assets/img/home/pc_main.png'], // 切り替える背景画像を指定
        interval: 7000, // 背景画像を切り替える間隔を指定 5000=5秒
        loop: true, // 切り替えを繰り返すか指定 true=繰り返す false=繰り返さない
        shuffle: false, // 背景画像の順番をシャッフルするか指定 true=する false=しない
    });
});

試したこと

cssに@keyframeを使用して動きをつけてみましたが動きませんでした…

補足情報（FW/ツールのバージョンなど）

BgSwitcherを使用してスライダーを作成しています。

Comments

[m.ts10806]

画像をズーム
だけで調べて何も見つかりませんか？
複数の機能を組み合わせる必要があるのは確かですが、
何をどう調べてできなかったのか　質問に至ったのか不明です。