私はウェブデザインに不慣れで、特定の例があります。ここで立ち往生しました。ロゴを組み合わせた3つの画像があり、中央の画像にカーソルを合わせると、側面の画像が各側に50pxほど広がります。パディングを使用して右側に画像を移動するという目標を達成しましたが、左側に同じことをしようとすると、画像が左にジャンプして元の場所に戻ります。
より良い提案があれば、私はそれを研究するのが大好きです.
これは私が達成したいことの例です。
私はこのコードを思いつきました:
#logo_levo{
position: absolute;
float: right;
width: 111px;
height: 111px;
-moz-transition:all 0.3s linear;
}
#logo_levo:hover{
padding-right: 100px;
}
html:
<img id="logo_levo" src="data/images/Class_B_obroc1_logo.png"/>