ktv炫酷顶部圆球旋转跟随鼠标滚动效果代码-html代码-BFW代码库

ktv炫酷顶部圆球旋转跟随鼠标滚动效果代码

代码语言：html

代码描述：ktv炫酷顶部圆球旋转跟随鼠标滚动效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  

  <link rel="preload"
        href="//repo.bfw.wiki/bfwrepo/images/round/ball-1.png"
        as="image">
    <link rel="preload"
        href="//repo.bfw.wiki/bfwrepo/images/round/ball-2.png"
        as="image">
    <link rel="preload"
        href="//repo.bfw.wiki/bfwrepo/images/round/ball-3.png"
        as="image">
    <link rel="preload"
        href="//repo.bfw.wiki/bfwrepo/images/round/ball-4.png"
        as="image">
    <link rel="preload"
        href="//repo.bfw.wiki/bfwrepo/images/round/ball-5.png"
        as="image">
    <link rel="preload"
        href="//repo.bfw.wiki/bfwrepo/images/round/ball-6.png"
        as="image">
    <link rel="preload"
        href="//repo.bfw.wiki/bfwrepo/images/round/ball-7.png"
        as="image">
    <link rel="preload"
        href="//repo.bfw.wiki/bfwrepo/images/round/ball-8.png"
        as="image">
    <link rel="preload"
        href="//repo.bfw.wiki/bfwrepo/images/round/ball-9.png"
        as="image">
    <link rel="preload"
        href="//repo.bfw.wiki/bfwrepo/images/round/ball-10.png"
        as="image">
    <link rel="preload"
        href="//repo.bfw.wiki/bfwrepo/images/round/ball-11.png"
        as="image">
    <link rel="preload"
        href="//repo.bfw.wiki/bfwrepo/images/round/ball-12.png"
        as="image">
    <link rel="preload"
        href="//repo.bfw.wiki/bfwrepo/images/round/ball-13.png"
        as="image">
  
  
  
<style>
* {
  margin: 0;
  padding: 0;
  box-sizing: box-contents;
}

:root {
  --disco-ball-size: 200px;
}

@media (min-width: 800px) {
  :root {
    --disco-ball-size: 300px;
  }
}
html {
  scroll-behavior: smooth;
  scroll-timeline: --page-scroll block;
  scroll-ti.........完整代码请登录后点击上方下载按钮下载查看