1

長年にわたりこれを理解しようとしてきたので、何時間も解決策を探してきました。スタックオーバーフローやその他のさまざまなウェブサイトで私がここに遭遇したすべてを試してみました。CSSトランジションを使用したブートストラップ

問題がピクセルの丸め、ブートストラップ、またはCSSの移行のいずれであるかわかりません。

これはよくある問題で、ブラウザの画像グリッドとの1pxのギャップが特に大きかったようです。

enter image description here

自体は完璧に動作し、細かいスケールグリッドは、しかし、私はホバーキャプションのためのいくつかのコードを追加しましたし、それは私が試したものと問題を起こすようです。

ホバー状態コードは、ここから位置していた:Image caption Hover animation

、これは何が起こっているかの実施例である - 私は誰かが推奨-webkit-backface-visibility: hidden;を追加しようとしたWorking Example

が、私は完全に困惑しています、I Chrome、Firefox、Safariで同じ問題が発生します。

答えて

1

ただ、これは動作するはずですあなたの.hovereffect

にこのプロパティと値 -webkit-mask-image: -webkit-radial-gradient(square, white, black); を追加するよりも、あなたの .hovereffect img

clip: rect(10px, 10px, 10px, 10px);を追加します。

関連する問題