如何放置 CSS 3d 悬停效果？

Question

             <div class="com-wrapper">
              <div class="front">
               <div class="com-icon">
                 <img src="images/household.png" alt="laptop logo">
               </div>
               <div class="com-text">
                 <p>Household</p>
               </div>
              </div>
               <div class="description">
                  <ul>
                    <li>Plumber and Electrician</li>
                    <li>Cleaning Service</li>
                    <li>Carpentry</li>
                    <li>Agriculture</li>
                  </ul>
                </div>
             </div>

我想一开始隐藏描述 div，只有在悬停在前面 div 时才显示它。如何使用 CSS3 3D 悬停或任何悬停效果来做到这一点。 我试过了，失败了。

Answer 1

.className 并添加:hover

例子：

.myDiscriptionClass:hover {
   display: block; }

您可以使用阴影效果制作 3D 效果。