vue 里写鼠标经过淡出效果

// 结构
        <div class="QR_code_3"></div>
​
// 样式
      .QR_code_3 {
        width: 200px;
        height: 200px;
        opacity: 0;
      }
      .QR_code_3:hover {
        animation: fadeIn 1.5s 1;
        opacity: 1;
      }
      @keyframes fadeIn {
        0% {
          opacity: 0;
        }
        100% {
          opacity: 1;
        }
      }

记录一下