2024年物联网嵌入式最新情人节表白神器（成功率100%）_git表白源码，2024年最新算法真题解析：美团+Tencent+字节跳动+阿里+360+拼多多

收集整理了一份《2024年最新物联网嵌入式全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升的朋友。

如果你需要这些资料，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人

都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

• 2022年2月14号就是情人节了，情人节是一个关于爱、浪漫以及花、巧克力、贺卡的节日，男女在这一天互送礼物用以表达爱意或友好。
• 在情人节的当天不知道有没有想要向心仪的对象表白的人，如果有的话，下面这一款神器可千万不要错过了。

二、效果展示

1.首页

• 首页就是上面写着###人的名字，后面可以换成自己想要的人名。上面是一行提问，中间部分有两个按钮，左侧是同意按钮，右侧是不同意按钮。

2.按钮选择

• 鼠标是一个会移动的爱心，当你选择不同意的按钮时，按钮就会按照代码中编写的轨迹，进行移动。是不是成功率100%，因为没有拒绝的选项（哈哈）。

3.成功表白

• 点击同意之后，就会出现一个界面。那你可以把你要说的情话写下来，放在这个界面里面。

三、代码讲解

1.首页

    <div class="container">
      <div id="preloader">
        <div class="spinner">
          <div class="dashed-loading"></div>//载入场景
        </div>
      </div>
      <header class="header"></header>
      <div class="content">//文本
        <div class="answer-question">
          <button class="btn btn--yes"></button>//调用左侧按钮
          <button class="btn btn--no"></button>//调用右侧按钮
        </div>
      </div>
复制代码

2.样式

 .header-name {
        font-size: 3.4rem;
    }
    .content {//文本样式
    }
    .music-control {音乐控制
        opacity: .1;
    }
    .btn--yes {//同意按钮的css参数
        position: absolute;//相关的位置
        top: 198px;
        left: 60px;
    }
    .btn--no {//不同意按钮的参数
        position: absolute;//相关的位置
        top: 198px;
        right: 70px;
    }
复制代码

3.按钮移动

<div class="icon-container">//上方移动
<span class="ti-arrow-up"></span><span class="icon-name"> ti-arrow-up</span>
</div>
<div class="icon-container">//右侧移动
<span class="ti-arrow-right"></span><span class="icon-name"> ti-arrow-right</span>
</div>
<div class="icon-container">//左侧移动
<span class="ti-arrow-left"></span><span class="icon-name"> ti-arrow-left</span>
</div>


![img](https://img-blog.csdnimg.cn/img_convert/29f572945b95264b489925d9ca45441d.png)
![img](https://img-blog.csdnimg.cn/img_convert/c7ec7404f6840b873187e87de650ddab.png)

**既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上物联网嵌入式知识点，真正体系化！**

**由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频，并且后续会持续更新**

**[如果你需要这些资料，可以戳这里获取](https://bbs.csdn.net/topics/618679757)**

**由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频，并且后续会持续更新**

**[如果你需要这些资料，可以戳这里获取](https://bbs.csdn.net/topics/618679757)**