资讯专栏INFORMATION COLUMN

css.gg – 一款免费开源CSS库实现700+图标应用前端项目

shadowbook / 2741人阅读

摘要:支持等格式调用的图标,图标数调用基本上满足我们大部分的项目需要的小图标。范例以上是部分的应用,如果我们需要用到前端业务中,可以根据需要选择

以前我们在开发前端WEB端的时候,如果需要用到小图标是不是需要让美工设计小图标然后调用。这样不仅仅效率低下,而且会影响到我们前端的速度和管理效率。于是如今我们在使用前端小图标的时候都会引用第三方JS、图标库,在这篇文章中老蒋要介绍的是CSS.GG纯CSS代码库可以实现700+的图标调用。

CSS.GG 支持CSS、SVG等格式调用的图标,700+图标数调用基本上满足我们大部分的项目需要的小图标。

我们看看在各个应用中如何调用图标。

第一、HTML调用

1、所有图标

2、单个图标

3、举个例子

            

第二、CSS @import

1、所有图标

/* css.gg */@import url("https://css.gg/css");/* UNPKG */@import url("https://unpkg.com/css.gg/icons/all.css");/* JSDelivr */@import url("https://cdn.jsdelivr.net/npm/css.gg/icons/all.css");

2、单个图标

/* css.gg */@import url("https://css.gg/ {ICONNAME} .css");/* UNPKG */@import url("https://unpkg.com/css.gg/icons/css/ {ICONNAME} .css");/* JSDelivr */@import url("https://cdn.jsdelivr.net/npm/css.gg/icons/css/ {ICONNAME} .css");

第三、SVG

1、SVG下载路径

我们不能直接引用,需要下载到本地。

https://css.gg/svghttps://unpkg.com/css.gg/icons/all.svghttps://cdn.jsdelivr.net/npm/css.gg/icons/all.svg

2、范例

    

以上是部分CSS.GG的应用,如果我们需要用到前端业务中,可以根据需要选择.

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/120869.html

相关文章

  • 15个有趣的JavaScript与CSS

    摘要:而调试器具有对模型控制器以及视图的实时管理权限。项目地址是一个轻量级纯写的文本工具提示库。它支持种不同国家的货币格式,以及超过种不同语言的本地化设置。项目地址是一个根据规范构建的轻量级框架。它压缩后仅有,同时它没有预先设定的元素和内置动画。 在十一月份的前端技术列表中,我们整合了一些令人感到惊叹的 GitHub 项目,其中包含了新的 CSS 框架、node.js包管理器,以及用于实现图...

    wangjuntytl 评论0 收藏0
  • 15个有趣的JavaScript与CSS

    摘要:而调试器具有对模型控制器以及视图的实时管理权限。项目地址是一个轻量级纯写的文本工具提示库。它支持种不同国家的货币格式,以及超过种不同语言的本地化设置。项目地址是一个根据规范构建的轻量级框架。它压缩后仅有,同时它没有预先设定的元素和内置动画。 在十一月份的前端技术列表中,我们整合了一些令人感到惊叹的 GitHub 项目,其中包含了新的 CSS 框架、node.js包管理器,以及用于实现图...

    chemzqm 评论0 收藏0
  • 前端学习资源

    摘要:掘金日报第四期使用怎么能不知道这些插件合集掘金日报主打分享优质深度技术内容,技术内容分前端后端产品设计工具资源和一些有趣的东西。目前已经涵盖了的相关资源链接,供大家参考与学习。 【掘金日报】第四期 使用Sublime?怎么能不知道这些 Sublime 插件合集! 掘金日报主打分享优质深度技术内容,技术内容分:前端、后端、Android、iOS、产品设计、工具资源和一些有趣的东西。 前端...

    xzavier 评论0 收藏0
  • 前端学习资源

    摘要:掘金日报第四期使用怎么能不知道这些插件合集掘金日报主打分享优质深度技术内容,技术内容分前端后端产品设计工具资源和一些有趣的东西。目前已经涵盖了的相关资源链接,供大家参考与学习。 【掘金日报】第四期 使用Sublime?怎么能不知道这些 Sublime 插件合集! 掘金日报主打分享优质深度技术内容,技术内容分:前端、后端、Android、iOS、产品设计、工具资源和一些有趣的东西。 前端...

    weij 评论0 收藏0
  • &插件&框架&工具

    摘要:一些有用的一些有用的,包括转换小箭头三角形媒体查询等中文指南是当下最热门的前端资源模块化管理和打包工具。 nodejs 入门 nodejs 入门教程,大家可以在 github 上提交错误 2016 年最好用的表单验证库 SMValidator.js 前端表单验证工具分享 浅谈前端线上部署与运维 说到前端部署,可能大多数前端工程师在工作中都是使用的公司现成的部署系统,与SRE对接、一起完...

    Codeing_ls 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<