[ 解決済 ] マウスでクリックすると写真にモーションが実装する方法

[藤川佳正]

■ WordPress のバージョン
6.3

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
15.10.0

■ Pro Unit のバージョン
0.25.1

■ スキンの種類
Origin III

■ 期待する動作
WordPressのLightning G3 Proテーマで、メディアにリンクを埋め込み、マウスでクリックすると写真にモーションが生じるエフェクトを実装する方法を教えてください。

■ 自分で試した事
.image-link img {
transition: transform 0.3s ease-in-out;
}

.image-link:hover img {
transform: scale(1.1); /* 拡大倍率 */
}

上記のCSSで試してみたのですが、何も反映されませんでした。

■ 症状が発生するブラウザ
Chrome

■ 実際の症状
特に何も反映されなかったです。

[うなこ]

提案になりますが、もしかするとパターンライブラリにご希望の動作のパターンがあるかもしれませんので一部ご案内します。
例えばこのあたりのパターンはどうでしょうか。

CTA_求人バナー_工務店

PR バナー カラムメニューフィット_工務店

もしくは、該当の部分のページのURLや画像を添付していただくと、回答がつきやすくなるかもしれません。

• この返信は8ヶ月、 3週前にうなこが編集しました。

[藤川佳正]

うなこさん、
ご提案していただいたパターンを希望しています。やり方をご教示していただけたら幸いです。

[うなこ]

下のURLのパターンを「このパターンをコピーする」からコピペしてください。
他の部分が不要でしたら画像部分のみ抜き出してご利用ください。どうでしょうか？

画像がhover時にズーム_ビジネス全般

[藤川佳正]

ありがとうございます。

[投稿者]

投稿