1

私の HTML コードには、テーブル (3 x 3) があり、各セルには画像があります。マウスを画像の上に置くとアニメーション化して大きくなり、マウスを画像から離すとアニメーション化して元のサイズに戻るようにしたい.

主な問題は、他の要素の x、y 座標に影響を与えられないことです。サイズを大きくしようとすると、表のセルも拡張され、他の画像が移動します。

他のすべてが元の場所にとどまり、画像の拡大がそれらの上に重なるようにしたい.

css3、jquery、javascriptでこれを行う方法を知っている人はいますか?

注: 画像はすべての面から均等に拡大する必要があります。

ありがとう

4

3 に答える 3

-1

HTML:

<img src="example.jpg">

CSS:

img{
width: 300px;
height: 300px;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
img:hover{
height: 500px;
width: 500px;
}

私はそれがあなたのテーブルでうまくいくと思います。

于 2013-11-01T04:13:15.583 に答える