龙空技术网

Weather Icons:具有 222 个天气主题图标的图标字体和 CSS的项目

运维开发木子李 184

前言:

此时我们对“css日期图标”可能比较珍视,大家都想要知道一些“css日期图标”的相关内容。那么小编在网摘上网罗了一些对于“css日期图标””的相关知识,希望看官们能喜欢,看官们快快来了解一下吧!

Weather Icons 是唯一具有 222 个天气主题图标的图标字体和 CSS,可直接放入 Bootstrap或任何需要高质量天气、海事和气象图标的项目中!

25 个新 2.0 图标!

白天

黑夜

中性的各种各样的

月相

时间

方向箭头

其他...

基本用法

将 5 个字体文件和主weather-icons.min.css文件放入您的项目中,并假设这些字体位于../CSS 目录之上。

i通过使用元素并添加基类,然后添加所需的图标类来显示图标wi,例如day-sunny。这看起来像<i class="wi wi-day-sunny"></i>。

要添加修饰符,请在图标名称后面包含所需的类,如下所示<i class="wi wi-day-sunny wi-flip-vertical"></i>。您可以翻转、旋转或添加固定宽度。请访问查看全部内容。

API使用

该集包括流行天气服务 API 的配套 CSS 文件。目前有 Forecast.io、Open Weather Map、世界气象组织、Weather Underground 和 Yahoo 的地图。检查API 列表以查看类名称。

项目地址:

标签: #css日期图标