-3

weheartit.com、tumblr flipkart など、これを行ういくつかの Web サイトを見てきました。

画像にカーソルを置くと、コメント、共有、いいねなどのいくつかの追加リンクが表示されますが、その画像をクリックすると他のリンクに移動します。

誰かがこのタイプのcssフォーマットをガイドできるなら、私が興味を持っているいくつかのリンクをここに示します。

電子オファーなどのオファーにマウスを置くと、共有画像が画像の上に表示されます

    http://www.flipkart.com/offers?otracker=hp_widget_banner_0_image

任意の画像に移動すると、素敵な css 効果が表示され、カーソルがここの画像の上に移動すると詳細が表示されます

      http://weheartit.com/?page=1

少なくとも1つの画像でサンプルの例を教えてください

4

3 に答える 3

0

これをチェックしてみてください。その概念は と呼ばれmouse over/hover effects、Google で検索すると、似たような例がたくさん見つかります。

于 2013-08-15T05:33:51.660 に答える
0

css-tricksの次の例を確認してください。

スライドインキャプション

于 2013-08-15T05:37:32.203 に答える
0

説明で提供したサンプル サイト内でコードを見つける必要があります。サイトhttp://www.flipkart.com/offers?otracker=hp_widget_banner_0_imageの場合、共有コンテンツを含む div の名前は ですsharebox。

スタイルと CSS 効果を含む CSS ファイルshareboxは次のとおりです: http://img6a.flixcart.com/www/prod/lego-da812168-nogz.css

それを共有ボックスで検索し、彼らがどのようにそれを行うかを理解しようとします.

于 2013-08-15T05:38:24.993 に答える