如何使用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上的工作示例，許多大型和受歡迎的銷售網站使用該打勾很長一段時間，只需將其複製粘貼到您的代碼！