html手机点赞图标素材,微信点赞心形图标,微信点赞分享心形图标素材

微信点赞心形图标素材，微信公众号心形图标怎么添加，如何实现心形图标效果，2017微信点赞心形图标精选推荐，教你如何实现点赞关注效果。

微信点赞心形图标：

微信点赞心形图标素材下载：

以上就是微信点赞心形分享图标素材，可直接保存使用，更多心形图标效果制作，可继续阅览本文。

jquery心形点赞关注效果的简单实现_jquery

这里小编主要介绍的是jquery心形点赞关注效果的简单实现_jquery， html代码<div class="stage"> <div class="heart"></div> </div> css代码 .heart { width: 10

html代码

css代码

.heart {width: 100px;

height: 100px;

background: url("") no-repeat;

background-position: 0 0;

cursor: pointer;

-webkit-transition: background-position 1s steps(28);

transition: background-position 1s steps(28);

-webkit-transition-duration: 0s;

transition-duration: 0s;

}

.heart.is-active {

-webkit-transition-duration: 1s;

transition-duration: 1s;

background-position: -2800px 0;

}

body {

background: -webkit-linear-gradient(315deg, #121721 0%, #000000 100%) fixed;

background: linear-gradient(135deg, #121721 0%, #000000 100%) fixed;

color: #FFF;

font: 300 16px/1.5 "Open Sans", sans-serif;

}

.stage {

position: fixed;

top: 50%;

left: 50%;

-webkit-transform: translate(-50%, -50%);

transform: translate(-50%, -50%);

}

js代码

$(function() {

$(".heart").on("click", function() {

$(this).toggleClass("is-active");

});

});

以上就是小编为大家带来的jquery心形点赞关注效果的简单实现全部内容了

上述微信心型点赞图标素材有没有满足您的要求了，想了解更多微信公众号分享点赞素材，可持续关注微微风微信素材网站哦!

更多微信分享点赞图片素材：