单个div+css实现立方体线条动画效果代码-html代码-BFW代码库

单个div+css实现立方体线条动画效果代码

代码语言：html

所属分类：动画

代码描述：单个div+css实现立方体线条动画效果代码

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


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

<head>

  <meta charset="UTF-8">
  

  
  
  
  
<style>
:root {
	--size: 50;
	--speed: 5;
	--trans: linear;
	--hole: #121212;
	--start: #FF7500;
	--line: #46433f;
	--ini: from 90deg at;
	--end: 0 25%, #fff0 0 100%;
	--bg:	
		conic-gradient(var(--ini) 97.5% 97.5%, var(--hole) var(--end)), 
		conic-gradient(var(--ini) 95% 95%, var(--line) var(--end)), 
		conic-gradient(var(--ini) 92.5% 92.5%, var(--hole) var(--end)), 
		conic-gradient(var(--ini) 90% 90%, var(--line) var(--end)), 
		conic-gradient(var(--ini) 87.5% 87.5%, var(--hole) var(--end)), 
		conic-gradient(var(--ini) 85% 85%, var(--line) var(--end)), 
		conic-gradient(var(--ini) 82.5% 82.5%, var(--hole) var(--end)), 
		conic-gradient(var(--ini) 80% 80%, var(--line) var(--end)), 
		conic-gradient(var(--ini) 77.5% 77.5%, var(--hole) var(--end)), 
		conic-gradient(var(--ini) 75% 75%, var(--line) var(--end)), 
		conic-gradient(var(--ini) 72.5% 72.5%, var(--hole) var(--end)), 
		conic-gradient(var(--ini) 70% 70%, var(--line) var(--end)), 
		conic-gradient(var(--ini) 67.5% 67.5%, var(--hole) var(--end)), 
		conic-gradient(var(--ini) 65% 65%, var(--line) var(--end)), 
		conic-gradient(var(--ini) 62.5% 62.5%, var(--hole) var(--end)), 
		conic-gradient(var(--ini) 60% 60%, var(--line) var(--end)), 
		conic-gradient(var(--ini) 57.5% 57.5%, var(--hole) var(--end)), 
		conic-gradient(var(--ini) 55% 55%, var(--line) var(--end)), 
		conic-gradient(var(--ini) 52.5% 52.5%, var(--hole) var(--end)), 
		conic-gradient(var(--ini) 50% 50%, var(--start) var(--end)), 
		conic-gradient(var(--ini) 47.5% 47.5%, var(--hole) var(--end)), 
		conic-gradient(var(--ini) 45% 45%, var(--line) var(--end)),
		conic-gradient(var(--ini) 42.5% 42.5%, var(--hole) var(--end)), 
		conic-gradient(var(--ini) 40% 40%, var(--line) var(--end)),
		conic-gradient(var(--ini) 37.5% 37.5%, var(--hole) var(--end)), 
		conic-gradient(var(--ini) 35% 35%, var(--line) var(--end)),
		conic-gradient(var(--ini) 32.5% 32.5%, var(--hole) var(--end)), 
		conic-gradient(var(--ini) 30% 30%, var(--line) var(--end)),
		conic-gradient(var(--ini) 27.5% 27.5%, var(--hole) var(--end)), 
		conic-gradient(var(--ini) 25% 25%, var(--line.........完整代码请登录后点击上方下载按钮下载查看