gsap实现圆球有序摆动效果
代码语言:html
所属分类:动画
代码描述:gsap实现圆球有序摆动效果
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> html, body { height: 100%; } body { background-color: #111; display: flex; justify-content: center; align-items: center; } .wrapper { display: flex; height: 210px; } .ball { display: block; width: 50px; height: 50px; border-radius: 50%; margin: 0 8px; } .ball-1 { background: #2632E4; } .ball-2 { background: #6F26E5; } .ball-3 { background: #E427CD; } .ball-4 { background: #E42790; } .ball-5 { background: #E4265A; } .ball-6 { background: #E42627; } .ball-7 { background: #E54E27; } .ball-8 { background: #E58327; } .ball-9 { background: #E4D125; } </style> </head> <body translate="no"> <div class="wrapper"> <div class="ball ball-1"></div> <div class="ball ball-2"></div> <div class="ball ball-3"></div> <div class="ball ball-4"></div> <div class="ball ball-5"><.........完整代码请登录后点击上方下载按钮下载查看
网友评论0