Labyrinth_of_Wisdom https://blog.hatena.ne.jp/Labyrinth_of_Wisdom/ Labyrinth of Wisdom https://labyrinth-of-wisdom.hatenadiary.com/ HTML･CSS マウスを乗せると画像がにょーんと拡大するようなサイトは沢山ある。 筆者も同じようなことをRailsアプリにjQueryを使って実装しよう！と思ったのですが、色々調べている内にこっちの方が分かりやすかったので路線変更。 大事なのは方法ではなく問題を解決することだと思う、と言い訳しておきます。 他の方法はまた分かり次第まとめる予定。 まず下記のようなフォルダを作ってファイルを用意。 フォルダ構成 - sampleフォルダ - zoom_sample.html - imgフォルダ - logo.png - cssフォルダ - style.css htmlファイルとcssファイルの中身を下記の様に記述… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Flabyrinth-of-wisdom.hatenadiary.com%2Fentry%2F2016%2F02%2F09%2F200254" title="マウスオーバーで画像を拡大表示する方法 (CSS3を用いて) - Labyrinth of Wisdom" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2016-02-09 20:02:54 rich https://labyrinth-of-wisdom.hatenadiary.com/entry/2016/02/09/200254 1.0 100%