iconfont icon小程序渐变色

葱头的故事

已于 2024-06-29 16:20:26 修改

阅读量210

点赞数

分类专栏： iconfront 小程序文章标签：小程序 css css3

于 2022-10-19 16:24:49 首次发布

本文链接：https://blog.csdn.net/weixin_43993121/article/details/127410610

版权

小程序同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

iconfront

1 篇文章 0 订阅

订阅专栏

<text class="main-menu-item__icon iconfont {{ item.icon }}" style="font-size: {{ item.fontSize }}px;bottom: {{ item.bottom }}px"></text>

.main-menu-item__icon {
    position: absolute;
    /* bottom: 12px; */
    background-image: linear-gradient(to top, #ffc673 0%, #c61720 100%);
    -webkit-background-clip: text;
    color: transparent;
    /* // 转变为行内块元素 文字渐变才会生效 */
    display: inline-block;
}```