以下の例では、音楽が自動的に再生されることに注意してください。スピーカーをミュートしたい場合は、サンプルにアクセスする前にミュートしてください。
もともとフラッシュで作成されていたこのサイトを再作成しています。フラッシュサイトには基本的に「発見」「体験」「住む」「交流」「つながる」の5つのメインボタンがあります。これらのボタンにカーソルを合わせると、下の境界線が中央から外側に広がるため、背景がわずかに変化します。
背景を画像として設定したり、境界線を使用して色を示したりしてもかまいません。ここでやっていることに基づいて、ホバー効果の背景画像を設定することを想像し、通常の状態が最も簡単です。背景画像をホバーすると新しい画像に移行したいのですが、左から右、または右から左ではなく、中央から拡大したいと思います。
これは、CSS トランジションまたは jQuery を介して行うことができますか?
ありがとう！