[css]卡片鼠标滑过浮起

1. html代码

    <div  class="el-card">
        <div class="el-card__body" style="padding: 20px; text-align: center;">
              <img src="/static/img/dataCard-def.d29358f.png" alt="">
        </div>
    </div>

2. css代码

.el-card {
    box-shadow: none;
    width: 320px;
    height: 200px;
  }
.el-card:hover {
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    border-color: #eee;
    transition: all .2s ease-in-out;
  }