鼠标经过图标颜色变化

样式

.lead-button:hover {
  .leading-icon {
    transform: translateY(-50px);
    filter: drop-shadow(#0270E0 0 50px)
  }
}

标签

<el-button class="lead-button" @click="generateChart()"><svg-icon icon-class="leading_icon" class="leading-icon" /><span style="margin-left: 4px">导出span>el-button>

效果

鼠标经过图标颜色变化_第1张图片

你可能感兴趣的:(javascript,开发语言,ecmascript)