作品介绍

情人节满屏爱心HTML5特效是一款情人节主题特效，鼠标点击或移动网页时彩色的爱心升起动画特效。

效果图

效果地址： http://luoyujin0511.gitee.io/ae

部分代码

<!--
 * @Author: your name
 * @Date: 2021-01-14 15:04:13
 * @LastEditTime: 2021-01-14 15:05:48
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \情人节满屏爱心HTML5特效\index.html
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>情人节满屏爱心HTML5特效</title>

    <link rel="stylesheet" href="css/style.css" />
  </head>
  <body>
    <div id="main"></div>

    <div id="contents">
      <canvas id="canvas">This browser cannot use a canvas.</canvas>
    </div>

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

    <div
      style="
        text-align: center;
        margin: 50px 0;
        font: normal 14px/24px 'MicroSoft YaHei';
      "
    ></div>
  </body>
</html>

前端零基础入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)

web前端零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站

源码获取（可关注↓公众号：web前端成长家园获取更多源码 !）

❀ ~ 关注我，点赞博文~ 每天带你涨知识!
❀ 1.看到这里了就 [点赞+好评+收藏] 三连支持下吧，你的「点赞，好评，收藏」是我创作的动力。
❀ 2.关注我~ 每天带你学习 :各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板、大学生毕业模板、期末大作业模板、生活及表白页面等! 「在这里有好多前端开发者，一起探讨前端 Node 知识，互相学习」！
❀ 3.以上内容技术相关问题可以相互学习，可关注↓公众号：[web前端成长家园]获取更多源码 !

更多推荐

情人节满屏爱心HTML5特效(表白源码html+css)