如何把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效果。