cssのみ、またはcss + jqueryでホバー効果を作成する方法

Question

スクリーンショットのようなホバー効果をCSSで作成するのに役立ちますか？または、css + jqueryを使用します。 おかげ] 1

Answer 1

1メイク説明可視 2位それ働いサイトから 3利益

例

CSS：

.m-gallery-product-item .hover-wrap { 
    display: none; 
    height: 0; 
} 


.m-gallery-product-item .item-main:hover .hover-wrap { 
    display: block; 
    position: relative; 
    z-index: 3; 
} 

HTML：

<div class="m-gallery-product-item"> 
<div class="item-main">... 
    <div class="item-img">,</div> 
    <div class="item-info">,</div> 
    <div class="hover-wrap"> 
    <div class="hover-main"> 
    <div class="tags"> ,,,,,,,,, </div> 
    </div> 
    </div> 
</div> 
</div> 

ebay.com alibaba.comの作業例を参照してください。多くの大きくて人気のある販売サイトが使用されています。