基于js+css3文章列表喜欢点赞按钮特效源码

css3喜欢点赞按钮特效

  • 脚本大小:9KB
  • 脚本语言:简体中文
  • 脚本类型:国产软件
  • 脚本授权:免费软件
  • 更新时间:2021-03-24 17:09:41
  • 脚本类别:CSS特效
  • 相关链接:
  • 网友评分:脚本评分
  • 应用平台:css/css3
9KB
360通过 腾讯通过 金山通过
内容介绍热点排行相关文章下载地址↓

基于css3文章列表喜欢点赞按钮特效源码是一款简单的js css3制作文章列表点击按钮喜欢或收藏功能。爱心点赞按钮数量累计特效。

代码结构

1. 引入CSS

<link rel="stylesheet" href="css/style.css">

2. 引入JS

<script src="js/script.js"></script>

3. HTML代码

<article>
   <div class="like">
      <div class="icon">
         <svg viewBox="0 0 24 24">
            <path
                  d="M2.9219 12.4463C1.8489 9.0963 3.1039 4.9313 6.6209 3.7993C8.4709 3.2023 10.7539 3.7003 12.0509 5.4893C13.2739 3.6343 15.6229 3.2063 17.4709 3.7993C20.9869 4.9313 22.2489 9.0963 21.1769 12.4463C19.5069 17.7563 13.6799 20.5223 12.0509 20.5223C10.4229 20.5223 4.6479 17.8183 2.9219 12.4463Z"
                  />
         </svg>
      </div>
      <div class="shadow"></div>
      <div class="number">232</div>
   </div>
   <div class="content">
      <h1>支付方式</h1>
      <span>⏱ 进行中</span>
      <p>
        我们想引入自定义域来启用白色标签服务。目前阻碍我们前进的是我们目前在每个公共仪表板上都提供HTTPS。定制您的URL将使其成为HTTP页面。
      </p>
      <p>
        我们目前正在考虑一种简单的方法来实现这个HTTPS。
      </p>
   </div>
</article>
<article>
   <div class="like active">
      <div class="icon">
         <svg viewBox="0 0 24 24">
            <path
                  d="M2.9219 12.4463C1.8489 9.0963 3.1039 4.9313 6.6209 3.7993C8.4709 3.2023 10.7539 3.7003 12.0509 5.4893C13.2739 3.6343 15.6229 3.2063 17.4709 3.7993C20.9869 4.9313 22.2489 9.0963 21.1769 12.4463C19.5069 17.7563 13.6799 20.5223 12.0509 20.5223C10.4229 20.5223 4.6479 17.8183 2.9219 12.4463Z"
                  />
         </svg>
      </div>
      <div class="shadow"></div>
      <div class="number">420</div>
   </div>
   <div class="content">
      <h1>语言转换</h1>
      <span>✨ New </span>
      <p>
         目前我们自动检测浏览器语言,并以此方式设置公共仪表板的语言。这可能是因为用户有一个英文浏览器,但实际上更喜欢阅读德语的内容。
      </p>
   </div>
</article>

文件目录结构

建议适用浏览器:360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。

人气脚本
下载地址
相关文章
网友评论
下载声明

☉ 解压密码:www.jb51.net 就是本站主域名,希望大家看清楚,[ 分享码的获取方法 ]可以参考这篇文章
☉ 推荐使用 [ 迅雷 ] 下载,使用 [ WinRAR v5 ] 以上版本解压本站软件。
☉ 如果这个软件总是不能下载的请在评论中留言,我们会尽快修复,谢谢!
☉ 下载本站资源,如果服务器暂不能下载请过一段时间重试!或者多试试几个下载地址
☉ 如果遇到什么问题,请评论留言,我们定会解决问题,谢谢大家支持!
☉ 本站提供的一些商业软件是供学习研究之用,如用于商业用途,请购买正版。
☉ 本站提供的基于js+css3文章列表喜欢点赞按钮特效源码资源来源互联网,版权归该下载资源的合法拥有者所有。