css+div实现跳舞的彩虹动画效果代码

代码语言:html

所属分类:动画

代码描述:css+div实现跳舞的彩虹动画效果代码

代码标签: css div 跳舞 彩虹 动画

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

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

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

  
<style>
.ac {
  --r: 50%;
  transform-style: preserve-3d;
  box-sizing: border-box;
  --s: calc((var(--r) * 2 * 3.14 / var(--tc, 1)));
  --dist: 30vmin;
  --c: #F9F6EF;
  position: absolute;
  border: 1px solid;
  display: grid;
  width: var(--s);
  height: 50%;
  top: calc(50% - var(--s) / 2);
  left: calc(50% - var(--s) / 2);
  --x: calc(cos(var(--angl))
        * var(--dist));
  --y: calc(sin(var(--angl))
        * var(--dist));
  translate: var(--x) var(--y);
  --half: calc(var(--s) * .5);
  transform-origin: calc(var(--half) - var(--x)) calc(var(--half) - var(--y));
  transform: rotatex(var(--angl));
  color: hsl(var(--angl), 70%, 60%);
  --a1: calc(360 / var(.........完整代码请登录后点击上方下载按钮下载查看

网友评论0