热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

酷炫的微信二维码

制作属于自己的酷炫微信二维码

         个人博客地址:http://1.liangtao.sinaapp.com/

写在前面

       在博客美化的过程中,需要在右边放置微信二维码,方便读者扫描。不过原微信提供的二维码样式过于单调,呆板。所以就自己做一个呗。话不多说,先看看制作完成的效果(读者也可以在本站点右侧看到效果:http://1.liangtao.sinaapp.com/),非常的酷炫哦。

       需要说明的是这一动画效果是:当鼠标到该二维码是产生的,上述图片是对整个动画做了个录制。虽然是一个gif图片,但是用二维码扫面工具仍可以扫到哦,不信的话可以扫一扫加我微信哦。

       接下来,一步步介绍如何实现。

制作二维码

       首先需要制作像如下图一样的微信二维码图片:

QQ截图20141119134811

     详细的制作过程如下:

     1、首先使用微信app自带的二维码名片功能生成二维码名片(自行百度),保存到手机上,之后转存在PC电脑上。

     2、百度"二维码在线解码"对转存到PC端的二维码图片进行解码得到链接地址,具体做法如下:

QQ截图20141119140742

      3、复制链接地址,之后使用草料二维码生成器生成二维码,操作方式如下:

QQ截图20141119145127

       OK,基本制作已经完成了,接下来,我们用程序对该二维码图片实现动画效果。

动画效果

       有了二维码图片之后,我们可以使用CSS代码对该二维码图片赋予各式动画效果。直接上代码:

Oh. Just Do IT!

         好了,酷炫的微信二维码也就完成了。

后续

        两种使用方式,你可以将上述代码嵌入网站中,也可以选择录制一个gif,嵌入网页中。怎么样,这种动态的二维码还是比较酷炫的吧,有了这种思路之后,我们可以使用程序作出各种各样具有动画效果的二维码。SO,做一个属于自己的酷炫二维码吧!



推荐阅读
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
  • 本文详细介绍了如何使用Python编写爬虫程序,从豆瓣电影Top250页面抓取电影信息。文章涵盖了从基础的网页请求到处理反爬虫机制,再到多页数据抓取的全过程,并提供了完整的代码示例。 ... [详细]
  • 本文将深入探讨PHP编程语言的基本概念,并解释PHP概念股的含义。通过详细解析,帮助读者理解PHP在Web开发和股票市场中的重要性。 ... [详细]
  • 在计算机技术的学习道路上,51CTO学院以其专业性和专注度给我留下了深刻印象。从2012年接触计算机到2014年开始系统学习网络技术和安全领域,51CTO学院始终是我信赖的学习平台。 ... [详细]
  • 本周信息安全小组主要进行了CTF竞赛相关技能的学习,包括HTML和CSS的基础知识、逆向工程的初步探索以及整数溢出漏洞的学习。此外,还掌握了Linux命令行操作及互联网工作原理的基本概念。 ... [详细]
  • 技术分享:从动态网站提取站点密钥的解决方案
    本文探讨了如何从动态网站中提取站点密钥,特别是针对验证码(reCAPTCHA)的处理方法。通过结合Selenium和requests库,提供了详细的代码示例和优化建议。 ... [详细]
  • CSS 布局:液态三栏混合宽度布局
    本文介绍了如何使用 CSS 实现液态的三栏布局,其中各栏具有不同的宽度设置。通过调整容器和内容区域的属性,可以实现灵活且响应式的网页设计。 ... [详细]
  • Linux 系统启动故障排除指南:MBR 和 GRUB 问题
    本文详细介绍了 Linux 系统启动过程中常见的 MBR 扇区和 GRUB 引导程序故障及其解决方案,涵盖从备份、模拟故障到恢复的具体步骤。 ... [详细]
  • 导航栏样式练习:项目实例解析
    本文详细介绍了如何创建一个具有动态效果的导航栏,包括HTML、CSS和JavaScript代码的实现,并附有详细的说明和效果图。 ... [详细]
  • 本文探讨了如何在 PHP 的 Eloquent ORM 中实现数据表之间的关联查询,并通过具体示例详细解释了如何将关联数据嵌入到查询结果中。这不仅提高了数据查询的效率,还简化了代码逻辑。 ... [详细]
  • 揭秘:为何我的网名是老紫竹
    本文详细解释了作者为何选择“老紫竹”作为网名,从个人喜好到网络经历,以及与紫竹植物的渊源。 ... [详细]
  • 本文介绍了一种有效的方法来检测硬盘上的视频文件是否损坏或存在缺帧问题。虽然一些常见的搜索引擎并未提供专门的工具,但通过使用FFmpeg等专业软件,可以全面验证各种视频格式的数据完整性,包括较为古老的AVI格式。 ... [详细]
  • 本次考试于2016年10月25日上午7:50至11:15举行,主要涉及数学专题,特别是斐波那契数列的性质及其在编程中的应用。本文将详细解析考试中的题目,并提供解题思路和代码实现。 ... [详细]
  • 爱奇艺视频下载指南
    随着百度在视频领域的不断扩展,爱奇艺的内容库日益丰富,涵盖了大量新番动画、电影、电视剧和综艺节目。本文将详细介绍如何通过爱奇艺客户端下载视频,帮助用户轻松实现离线观看。 ... [详细]
  • TCP长连接设备管理平台:架构与功能概览
    本文介绍了基于TCP长连接的设备管理平台的设计理念、技术选型及主要功能模块。最初,项目旨在实现简单的协议测试,但随着需求扩展,逐步演变为一个完整的前后端分离系统。 ... [详细]
author-avatar
mobiledu2502883483
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有