100多个纯CSS动画图标
100多个纯CSS动画图标
哟猫Intry 发表于2年前
100多个纯CSS动画图标
  • 发表于 2年前
  • 阅读 15
  • 收藏 0
  • 点赞 0
  • 评论 0

【腾讯云】如何购买服务器最划算?>>>   

我们在做页面开发的时候,可能要用到许多的小图标样式。

那么只要套用这个CSS的图标框架,在加上一些修饰,就可以得到非常棒的图标样式,

下面我们来看一下这些图标的样式。

图标样式图片

首先我们要引用写好的CSS文件,也就是框架 Icono.min.js

然后可以自己在样式上面做一些其他的修改,在我们这个图标展示当中,

加入了鼠标放上的样式。

改变了颜色​

a:hover {

  color: #fff;

}

 

透明度和大小

span:hover {

  transform: scale(1.5);

}

span:hover i {

  opacity: 0.8;

}

实现图标的显示的时候要用标签 i 来进行实现,

不然样式会变形,也就是说需要在标签 i  当中添加类名​

"​>  这样就可以成功在页面显示出小图标样式。

而且有些小图标还带有动画效果。

使用起来简单方便。​

好东西自己拿。

示例和框架文件下载地址:http://www.h5edu.cn/index.php?c=index&a=step&lessonid=69

下载代码获取。

共有 人打赏支持
粉丝 0
博文 46
码字总数 31138
×
哟猫Intry
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: