shigemk2 https://blog.hatena.ne.jp/shigemk2/ by shigemk2 https://www.shigemk2.com/ CSS css-cheet/hover-with-big-image at master · shigemk2/css-cheet · GitHubこんな感じの画像を用意し、 CSSで、 「通常時は左半分、ホバー時は右半分のみを表示させる」ように出来る。CSSはこのように書いたらいいね。 div.container a{ display: block; width: 50px; height: 100px; background: url(../img/hover-with-big-image.png) no-repeat; } div.container a:hover { background-p… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.shigemk2.com%2Fentry%2F20121212%2F1355245494" title="hoverのバリエーション - by shigemk2" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn-ak.f.st-hatena.com/images/fotolife/s/shigemk2/20121212/20121212020233.png Hatena Blog https://hatena.blog 2012-12-12 02:04:54 rich https://www.shigemk2.com/entry/20121212/1355245494 1.0 100%