简易爱心特效代码

#摸鱼.

已于 2022-11-25 14:11:08 修改

阅读量2.2k

点赞数 2

文章标签： html

于 2022-11-12 14:28:24 首次发布

本文链接：https://blog.csdn.net/m0_74391978/article/details/127819938

版权

今天给大家推送一个简易的爱心特效的代码，喜欢的朋友可以拿去给自己喜欢的人看哟，如下：

<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <script src="js/jquery.min.js"></script>
  </head>
  <style>
    * {
      padding: 0;
      margin: 0;
    }
    html,
    body {
      height: 100%;
      padding: 0;
      margin: 0;
      background: #000;
    }
 
    .aa {
      position: fixed;
      left: 50%;
      bottom: 10px;
      color: #ccc;
    }
 
    .container {
      width: 100%;
      height: 100%;
    }
    canvas {
      z-index: 99;
      position: absolute;
      width: 100%;
      height: 100%;
    }
  </style>
  <body>
    <!-- 樱花 -->
    <div id="jsi-cherry-container" class="container">
      <audio autoplay="autopaly">
        <source src="renxi.mp3" type="audio/mp3" />
      </audio>