HTML + CSS +JavaScript 实战小项目 【炫彩块块】

hello~
咱今天来学习一个鼠标经过的炫彩效果

Part 1

HTML结构

  <div class="container" id="container"></div>

container 容器用于追加 item 节点

Psrt 2

CSS样式

<style>
    * {
   
      box-sizing: border-box;
    }

    body {
   
      background-color: #111;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
      overflow: hidden;
      margin: 0;
    }

    .container {