菜鸟笔记

Menu

Cikonss – 纯CSS的响应式图标(兼容IE8+浏览器)

什么是CIKONSS?

Cikonss是利用纯CSS技术构建的响应式、跨浏览器的icon。所说的“跨浏览器”是指IE8+。这意味着必须使用CSS2,因此,可以绘制的形状或图形就受到了限制。

某些icon必须有 border-radius 属性,这主要是为了在支持此属性的浏览器上更好的绘制icon,而且不会影响到不支持此属性的浏览器。

cikonss共有43个icon,5种尺寸、3种样式。每个icon都是由两个 <span> 元素构成。

cikonss

 

如何使用

在html文件的head标签内容引入 cikonss.css 文件,如下:
<link href="cikonss.css" rel="stylesheet" />
比如我需要一个邮件的图标
<span class="icon icon-large icon-mid"><span class="icon-mail"></span></span>
具体效果如下:

传送地址:http://cikonss.zzapwebdesign.com

— 于 共写了376个字
— 文内使用到的标签:

7条回应:“Cikonss – 纯CSS的响应式图标(兼容IE8+浏览器)”

  1. 木本无心说道:

    沙发,在大发那也看到了。

  2. 阿和说道:

    下面那个来源地址 传送地址啥的,建议改成新窗口打开好点。。。

  3. 南寻说道:

    效果不错,改个颜色更好看些

  4. p2h网页标准说道:

    所谓的响应式css框架就是通过css3多媒体查询技术实现网页多分辨率,电脑,iphone,ipad等多平台下自适应的整体解决方案,一般还包含常用的css类和组件构成。常见的有bootstrap,渴切css等,渴切css首个实现了ie6~ie8下的响应式兼容,下载 http://download.keqie.com

发表评论

电子邮件地址不会被公开。 必填项已用*标注