PHP中文网-QQ群-扫二维码

QQ群

PHP中文网-关注微信公众号-扫二维码

微信公众号

当前位置:php中文网下载站 >js特效 >html5特效 >HTML5 SVG字体图标点赞动画特效

HTML5 SVG字体图标点赞动画特效

2018-01-12 来源/作者:php中文网 分类:html5特效 «» 下载次数:1
HTML5 SVG字体图标点赞动画特效

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML5 SVG字体图标点赞动画特效</title>
<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.5.0/css/font-awesome.min.css?3.1.9" />
<link rel="stylesheet" type="text/css" href="css/zzsc-demo.css?3.1.9">
<link rel="stylesheet" type="text/css" href="css/icons.css?3.1.9" />
</head>
<body><script src="/demos/googlegg.js?3.1.9"></script>
<div class="zzsc-container">
<section class="content">
<ol class="grid">
<li class="grid__item">
<button class="icobutton icobutton--thumbs-up"><span class="fa fa-thumbs-up"></span></button>
</li>
<li class="grid__item">
<button class="icobutton icobutton--thumbs-up"><span class="fa fa-thumbs-up"></span></button>
</li>
<li class="grid__item">
<button class="icobutton icobutton--thumbs-up"><span class="fa fa-thumbs-up"></span></button>
</li>
<li class="grid__item">
<button class="icobutton icobutton--thumbs-up"><span class="fa fa-thumbs-up"></span></button>
</li>

17种HTML5 SVG字体图标点赞动画特效,使用font-awesome作为图标,采用SVG技术,在用户点击图标时产生各种炫酷的图标动画特效。


申明:PHP中文网下载站匠心打造中国最大的免费下载站!一切资源免费,所有资源都经过检测,请放心下载!

效果预览本地下载  新手使用求助QQ群: