svg+css实现蝴蝶飞舞loading加载动画效果代码

代码语言:html

所属分类:加载滚动

代码描述:svg+css实现蝴蝶飞舞loading加载动画效果代码

代码标签: svg css 蝴蝶 飞舞 loading 加载 动画

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />

     <style>

.loader-container {
  /* Variables scoped to the component */
  --bal-bg-top: #00d2ff;
  --bal-bg-bottom: #3a7bd5;
  --bal-bird-primary: #ff5e62;
  --bal-bird-secondary: #ff9966;
  --bal-bird-highlight: #fff3b0;
  --bal-cloud-color: rgba(255, 255, 255, 0.85);
  --bal-wind-color: rgba(255, 255, 255, 0.4);
  --bal-text-color: #ffffff;

  width: 320px;
  height: 320px;
  position: relative;
  overflow: hidden;
  background: linear-gradient(
    135deg,
    var(--bal-bg-top) 0%,
    var(--bal-bg-bottom) 100%
  );
  border-radius: 40px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
  border: 2px solid rgba(25.........完整代码请登录后点击上方下载按钮下载查看

网友评论0