tailwind+gsap实现光纤线条波动动画效果代码-html代码-BFW代码库

tailwind+gsap实现光纤线条波动动画效果代码

代码语言：html

所属分类：动画

代码描述：tailwind+gsap实现光纤线条波动动画效果代码

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

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

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

  
  <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/tailwindcss.3.0.0.js"></script>
</head>

<body translate="no">
  <main class="bg-black h-screen grid place-items-center text-white">
  <section class="w-96 h-96 relative grid place-items-center">
    <div class="rounded-full absolute w-full h-full border border-neutral-600"></div>
    <div class="rounded-full absolute w-[95%] h-[95%] border border-neutral-600"></div>
    <div class="rounded-full absolute w-[90%] h-[90%] border border-neutral-600"></div>
    <div class="rounded-full absolute w-[85%] h-[85%] border border-neutral-600"></div>
    <div class="rounded-full absolute w-[80%] h-[80%] border border-neutral-600"></div>
    <div class="rounded-full absolute w-[75%] h-[75%] border border-neutral-600"></div>
    <div class="rounded-full absolute w-[70%] h-[70%] border border-neutral-600"></div>
    <div class="rounded-full absolute w-[65%] h-[65%] border border-neutral-600"></div>
    <div class="rounded-full absolute w-[60%].........完整代码请登录后点击上方下载按钮下载查看