利用平移-transform, 设置元素浮动效果

    <div class="box">
      <div class="box1"></div>
      <div class="box2"></div>
      <div class="box3"></div>
    </div>

  .box {
    display: flex;

    .box1,
    .box2,
    .box3
     {
      width: 200px;
      height: 200px;
      margin: 10px;
      
      transition: all .2s;
    }
    .box1:hover,
    .box2:hover,
    .box3:hover
     {
      transform: translateY(-10px);
      box-shadow: rgba(0, 0, 0, .3) 0 10px 10px;
    }

    .box1 {
      background-color: slateblue;
    }
    .box2 {
      background-color: skyblue;
    }
    .box3 {
      background-color: pink;
    }
  }