简单的实现jQuery的心点赞效果

HTML代码








CSS代码


{。心
宽度：100px；
身高：100px；
背景：URL（）不重复；
背景位置：00；
光标：指针；
WebKit的转型：背景位置1s步骤（28）；
转换：背景位置1s步骤（28）；
WebKit的过渡时间：0s；
过渡时间：0s；
}
{。heart.is-active
WebKit的过渡时间：1s；
转换持续时间：1秒；
背景位置：- 2800px 0；
}

{体
背景：WebKit的线性梯度（315deg，# 121721 0%，000000 100% #）固定；
背景：线性梯度（135deg，# 121721 0%，000000 100% #）固定；
颜色：# FFF；
字体：300 16px / 1.5Open Sans
}

{。阶段
位置：固定；
顶部：50%；
左：50%；
WebKit的变换：翻译（50% - 50%）；
转换：翻译（- 50%，- 50%）；
}



JS代码


$（函数（）{（））
$（）。
$（这）。ToggleClass（活跃）；
}）；
}）；



以上是简单的实现jQuery的心点效果的全部内容，这是你带来的。我希望你能支持得更多。