阿里巴巴Iconfont使用总结

匿名 (未验证) 提交于 2019-12-03 00:39:02

  

  

  

  

 

  

  

  

    

      

      

.nav ul:before{      content: "\e501";             /*在下载的文件中查看iconfont.css文件,可以得知对应图标在伪对象中的代码*/      font-size:50px;              /*根据需求,设置图标大小*/      font-style:normal;            /*在下载的文件中查看iconfont.css文件,将iconfont类下的代码直接复制一份到伪对象下即可*/      font-family:"iconfont" !important;      -webkit-font-smoothing: antialiased;      -moz-osx-font-smoothing: grayscale;  }

background: -webkit-gradient(linear, 0 0, 0 100%, from(#000), to(#FFF));

   

      

-webkit-background-clip: text;

  

  3.3  文字填充色

-webkit-text-fill-color: transparent;

  

    

  4.1  完整代码

.nav ul:before{    content: "\e501";   font-size:50px;   font-style:normal;   -webkit-background-clip: text;   font-family:"iconfont" !important;   -webkit-text-fill-color: transparent;   -webkit-font-smoothing: antialiased;   -moz-osx-font-smoothing: grayscale;   background: -webkit-gradient(linear, 0 0, 0 100%, from(#000), to(#FFF));    }

    

  4.2  效果

    

加强效果,来一排

原文:https://www.cnblogs.com/wangyang0210/p/9248324.html

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!