纯css无div实现打火机火苗燃烧动画效果代码-html代码-BFW代码库

纯css无div实现打火机火苗燃烧动画效果代码

代码语言：html

所属分类：动画

代码描述：纯css无div实现打火机火苗燃烧动画效果代码

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


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

<head>

  <meta charset="UTF-8">
  

  
  
<style>
:root {
  --bg: #010101;
  --color-orange-light: #e69050;
  --color-orange: #e37a2f;
  --color-orange-dark: #c76723;
  --color-red-light: #bd657f;
  --color-red: #99263a;
  --color-red-dark: #762034;
  --color-white:#acae9e;
  --color-white-light:white;
  --color-white-dark:white;
  --color-metal:#9fa0a2;
  --color-metal-light:#e9eae5;
  --color-metal-dark:#7f7f7f;
  --color-metal-darker:#444444;
  --color-flame: radial-gradient(circle at bottom center, #2d3b69 10%, #a18882 20%, #a18882 30%, #fffeff 40%);
  --color-flame-glow: #c8976b;
}

html {
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  background: var(--bg);
  d.........完整代码请登录后点击上方下载按钮下载查看