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

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

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

5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • 投稿者
    投稿
  • #78427

    藤川佳正
    参加者

    ■ 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

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

    #78445

    うなこ
    モデレーター

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

    CTA_求人バナー_工務店

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

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

    • この返信は6ヶ月、 2週前にうなこが編集しました。
    #78448

    藤川佳正
    参加者

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

    #78449

    うなこ
    モデレーター

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

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

    #78452

    藤川佳正
    参加者

    ありがとうございます。

5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • このトピックに返信するにはログインが必要です。