html - ブックマークが大きくならないのはなぜですか

Question

自分のサイトで同様のソリューションを使用したいので、このサイトのしくみを理解しようとしています。

私が理解できない唯一のことは、赤いものがどのように機能するか、特にサイトが使用する画像をどのように認識しているかです。背景として sprites.png が使用されていることがわかりますが、それは多くの画像で満たされています。

私が達成したいのは、赤いものをずっと引き抜くことです。

Answer 1

参考にしたサイトでは背景画像に「スプライト」を使用しています。スプライトの使用
に関する詳細情報はこちらです。

スプライトを使用すると、サイトは多くのスプライトを含む単一のグラフィックをロードし、要素を調整しbackground-positionて「スプライト」画像の特定の領域を表示することでそれらを配置できます。

このサイトでは、要素を上下に移動するために JavaScript も使用しています。
ブックマークが引き出されたままになるようにするには、JavaScript を適用しないでください。