gsap实现台球开球动画效果代码-html代码-BFW代码库

gsap实现台球开球动画效果代码

代码语言：html

所属分类：动画

代码描述：gsap实现台球开球动画效果代码

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

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

<head>

  <meta charset="UTF-8">

  
  
<style>
body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.table {
  width: 620px;
  height: 320px;
  background-color: rgba(33, 22, 0, 1);
  background: linear-gradient(
    rgba(238, 196, 135, 0.5) 0%,
    rgba(243, 207, 154, 0.5) 3%,
    rgba(248, 216, 162, 0.5) 6%,
    rgba(243, 207, 154, 0.5) 6%,
    rgba(243, 207, 154, 0.5) 9%,
    rgba(241, 202, 136, 0.5) 12%,
    rgba(243, 207, 154, 0.5) 15%,
    rgba(244, 208, 158, 0.5) 17%,
    rgba(243, 207, 154, 0.5) 19%,
    rgba(243, 207, 154, 0.5) 21%,
    rgba(250, 221, 176, 0.5) 23%,
    rgba(250, 221, 176, 0.5) 25%,
    rgba(243, 207, 154, 0.5) 27%,
    rgba(238, 200, 138, 0.5) 29%,
    rgba(243, 207, 154, 0.5) 29%,
    rgba(243, 207, 154, 0.5) 32%,
    rgba(243, 207, 154, 0.5) 34%,
    rgba(243, 207, 154, 0.5) 37%,
    rgba(250, 221, 176, 0.5) 40%,
    rgba(250, 221, 176, 0.5) 43%,
    rgba(243, 207, 154, 0.5) 43%,
    rgba(243, 207, 154, 0.5) 44%,
    rgba(243, 207, 154, 0.5) 47%,
    rgba(238, 200, 138, 0.5) 49%,
    rgba(243, 207, 154, 0.5) 52%,
    rgba(250, 221, 176, 0.5) 54%,
    rgba(244, 208, 158, 0.5) 56%,
    rgba(243, 207, 154, 0.5) 59%,
    rgba(244, 208, 158, 0.5) 61%,
    rgba(250, 221, 176, 0.5) 64%,
    rgba(243, 207, 154, 0.5) 64%,
    rgba(244, 208, 158, 0.5) 66%,
    rgba(243, 207, 154, 0.5) 69%,
    rgba(248, 216, 162, 0.5) 71%,
    rgba(243, 207, 154, 0.5) 74%,
    rgba(243, 207, 154, 0.5) 76%,
    rgba(243, 207, 154, 0.5) 77%,
    rgba(243, 207, 154, 0.5) 80%,
    rgba(250, 221, 176, 0.5) 81%,
    rgba(243, 207, 154, 0.5) 83%,
    rgba(250, 221, 176, 0.5) 83%,
    rgba(250, 221, 176, 0.5) 85%,
    rgba(243, 207, 154, 0.5) 87%,
    rgba(250, 221, 176, 0.5) 89%,
    rgba(250, 221, 176, 0.5) 91%,
    rgba(243, 207, 154, 0.5) 92%,
    rgba(248, 216, 162, 0.5) 96%,
    rgba(243, 207, 154, 0.5) 97%,
    rgba(243, 207, 154, 0.5) 97%,
    rgba(243, 207, 154, .........完整代码请登录后点击上方下载按钮下载查看