gsap实现dna序列动画效果代码

代码语言:html

所属分类:动画

代码描述:gsap实现dna序列动画效果代码

代码标签: gsap dna 动画

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

<!DOCTYPE html>

<html lang="en">

<head>

   
<meta charset="UTF-8">





   
<style>
        body
{
         
display: flex;
         
align-items: center;
         
justify-content: center;
         
min-height: 100vh;
         
overflow: hidden;
       
}
       
       
.circle-cont {
         
position: absolute;
         
display: flex;
       
}
       
       
.circle {
         
background-color: blue;
         
width: 30px;
         
height: 30px;
         
border-radius: 99%;
         
margin: 0.2rem;
         
position: relative;
       
}
   
</style>



</head>

<body>
   
<div class="circle-cont one">
       
<div class="circle"></div>
       
<div class="circle"></div>
       
<div class="circle"></div>
       
<div class="circle"></div>
       
<div class="circle"></div>
       
<div class="circle"></div>
       
<div class="circle"></div>
       
<div class="circle"></div>
       
<div class="circle"></div>
       
<div class="circle"></div>
       
<div class="circle"></div>
       
<div class="circle"></div>
       
<div class="circle"></div>
       
<div class="circle"></div>
       
<div class="circle"></div>
       
<div class="circle"></div>
       
<div class="circle"></div>
       
<div class="circle"></div>
       
<div class="circle"></div&.........完整代码请登录后点击上方下载按钮下载查看

网友评论0