自定义css动画参考

最新推荐文章于 2022-10-13 07:00:00 发布
最新推荐文章于 2022-10-13 07:00:00 发布
阅读量318 收藏
点赞数
文章标签： 自定义css动画参考
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45723057/article/details/102710718
版权 
    /* 
    写属于自己的动画样式(参考 animate.css 动画库)
    */


    /* 默认基础类作用：为默认情况
        其他情况，可以[按需]修改默认情况(重新赋值)
    */


    /* 定义基础类 */

    .zc-animation {
        /* 执行所有动画名字 */
        animation: all;
        /* 默认每个动画执行时间 */
        animation-duration: 2s;
        /* 默认所有动画匀速执行 */
        animation-timing-function: linear;
    }


    /* 始终是否循环执行 */

    .infinite {
        animation-iteration-count: infinite;
    }


    /* 设置延迟执行时间 */

    .delay-1s {
        animation-delay: 1s;
    }

    .delay-2s {
        animation-delay: 2s;
    }

    .delay-3s {
        animation-delay: 3s;
    }

    .delay-4s {
        animation-delay: 4s;
    }

    .delay-5s {
        animation-delay: 5s;
    }


    /* 设置动画执行时间长短 */

    .fast {
        animation-duration: 800ms;
    }

    .faster {
        animation-duration: 500ms;
    }

    .slow {
        animation-duration: 3s;
    }

    .slower {
        animation-duration: 4s;
    }


    /* 设置不同动画执行速度 */


    /* 定义每一个动画样式 */


    /* bounce 弹跳 */

    @keyframes bounce {
        from,
        20%,
        53%,
        80%,
        to {
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transform: translate3d(0, 0, 0);
        }
        40%,
        43% {
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            transform: translate3d(0, -30px, 0);
        }
        70% {
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            transform: translate3d(0, -15px, 0);
        }
        90% {
            transform: translate3d(0, -4px, 0);
        }
    }

    .bounce {
        animation-name: bounce;
        transform-origin: center bottom;
    }
    /* 从内部弹 */
    @keyframes bounceIn{
        from,
        20%,
        40%,
        60%,
        80%,
        to {
          -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        0%{
            transform: scale(0.3,0.3);
        }
        20%{
            transform: scale(1.3,1.3);
        }
        40%{
            transform: scale(0.6,0.6);
        }
        60%{
            transform: scale(1.15,1.15);
        }
        80%{
            transform: scale(0.9,0.9);
        }


    }
    .bounceIn{
        animation-name: bounceIn;
    }
    /* 从左侧弹 */
    @keyframes bounceLeft{
        from,
        60%,
        75%,
        90%,
        to {
          -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        0%{
            transform: translate(-3000px,0)
        }
        60%{
            transform: translate(25px,0)
        }
        70%{
            transform: translate(-15px,0)
        }
        90%{
            transform: translate(5px,0)
        }
    }
    .bounceLeft{
        animation-name: bounceLeft;
    }
    /* 从右侧弹 */
    @keyframes bounceRight{
        from,
        60%,
        75%,
        90%,
        to {
          -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        0%{
            transform: translate(3000px,0)
        }
        60%{
            transform: translate(-25px,0)
        }
        70%{
            transform: translate(15px,0)
        }
        90%{
            transform: translate(-5px,0)
        }
    }
    .bounceRight{
        animation-name: bounceRight;
    }
    /* 从上面弹 */
    @keyframes bounceTop{
        from,
        60%,
        75%,
        90%,
        to {
          -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        0%{
            transform: translate(0,-1000px)
        }
        60%{
            transform: translate(0,25px)
        }
        70%{
            transform: translate(0,-15px)
        }
        90%{
            transform: translate(0,5px)
        }
    }
    .bounceTop{
        animation-name: bounceTop;
    }
    /* 从下面弹 */
    @keyframes bounceBottom{
        from,
        60%,
        75%,
        90%,
        to {
          -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        0%{
            transform: translate(0,1000px)
        }
        60%{
            transform: translate(0,-25px)
        }
        70%{
            transform: translate(0,15px)
        }
        90%{
            transform: translate(0,-5px)
        }
    }
    .bounceBottom{
        animation-name: bounceBottom;
    }

    /* 闪烁 */

    @keyframes flash {
        /* 0% 50% 100%时  执行下面样式 */
        from,
        50%,
        to {
            opacity: 1;
        }
        25%,
        75% {
            opacity: 0;
        }
    }

    .flash {
        animation-name: flash;
    }


    /* 3频快闪 */

    @keyframes flasher {
        0%,
        33%,
        67%,
        100% {
            opacity: 1;
        }
        16%,
        48%,
        82% {
            opacity: 0;
        }
    }

    .flasher {
        animation-name: flasher;
    }


    /* 缩放 */

    @keyframes pules {
        0%,
        100% {
            transform: scale3d(1, 1, 1)
        }
        50% {
            transform: scale3d(1.2, 1.2, 1.2)
        }
    }

    .pules {
        animation-name: pules;
    }


    /* 字体放大动画 */

    @keyframes pulesFont {
        0%,
        100% {
            /* font-size: 16px; */
        }
        50% {
            font-size: 28px;
            letter-spacing: 10px;
        }
    }

    .pulesFont {
        animation-name: pulesFont;
    }


    /* 拉伸 */

    @keyframes rubberBand {
        from {
            transform: scale3d(1, 1, 1);
        }
        30% {
            transform: scale3d(1.25, 0.75, 1);
        }
        40% {
            transform: scale3d(0.75, 1.25, 1);
        }
        50% {
            transform: scale3d(1.15, 0.85, 1);
        }
        65% {
            transform: scale3d(0.95, 1.05, 1);
        }
        75% {
            transform: scale3d(1.05, 0.95, 1);
        }
        to {
            transform: scale3d(1, 1, 1);
        }
    }

    .rubberBand {
        animation-name: rubberBand;
    }


    /* 平移 */

    @keyframes shake {
        0%,
        100% {
            transform: translate3d(0, 0, 0)
        }
        10%,
        30%,
        50%,
        70%,
        90% {
            transform: translate3d(-10px, 0, 0)
        }
        20%,
        40%,
        60%,
        80% {
            transform: translate3d(10px, 0, 0)
        }
    }

    .shake {
        animation-name: shake;
    }


    /* 摇摆 */

    @keyframes swing {
        20% {
            /* 绕z轴旋转 15deg */
            transform: rotate3d(0, 0, 1, 15deg)
        }
        40% {
            transform: rotate3d(0, 0, 1, -10deg)
        }
        60% {
            transform: rotate3d(0, 0, 1, 5deg)
        }
        80% {
            transform: rotate3d(0, 0, 1, -5deg)
        }
        100% {
            transform: rotate3d(0, 0, 1, 0deg)
        }
    }

    .swing {
        animation-name: swing;
    }


    /* 摇摆缩放 */

    @keyframes graduallyPut {
        from {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
        10%,
        20% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        }
        30%,
        50%,
        70%,
        90% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        }
        40%,
        60%,
        80% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        }
        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
    }

    .graduallyPut {
        -webkit-animation-name: graduallyPut;
        animation-name: graduallyPut;
    }
    /* 摇晃转盘 */
    @keyframes turnTable{
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
          }
        
          15% {
            -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
          }
        
          30% {
            -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
          }
        
          45% {
            -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
          }
        
          60% {
            -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
          }
        
          75% {
            -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
          }
        
          to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
          }
    }

    .turnTable {
        -webkit-animation-name: turnTable;
        animation-name: turnTable;
      }

    /* 拉伸 */

    @keyframes jello {
        from,
        11.1%,
        to {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
      
        22.2% {
          -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
          transform: skewX(-12.5deg) skewY(-12.5deg);
        }
      
        33.3% {
          -webkit-transform: skewX(6.25deg) skewY(6.25deg);
          transform: skewX(6.25deg) skewY(6.25deg);
        }
      
        44.4% {
          -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
          transform: skewX(-3.125deg) skewY(-3.125deg);
        }
      
        55.5% {
          -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
          transform: skewX(1.5625deg) skewY(1.5625deg);
        }
      
        66.6% {
          -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
          transform: skewX(-0.78125deg) skewY(-0.78125deg);
        }
      
        77.7% {
          -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
          transform: skewX(0.390625deg) skewY(0.390625deg);
        }
      
        88.8% {
          -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
          transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        }
      }
      
      .jello {
        -webkit-animation-name: jello;
        animation-name: jello;
        -webkit-transform-origin: center;
        transform-origin: center;
      }

      /* 左侧闪现 */
      @keyframes lightenOut{
          0%,50%,10%{
              transform: rotate3d(0,0,0);
          }
          25%,75%{
              transform: rotateY(90deg)
          }
      }
      .lightenOutleft{
          animation-name: lightenOut;
          /* 转到轴心的位置 */
          transform-origin: left;
      }
      .lightenOutright{
          animation-name: lightenOut;
          transform-origin: right;
      }
      .lightenOutcenter{
          animation-name: lightenOut;
          transform-origin: center;
      }

      /* 开幕式动画 */
      @keyframes inauguration{
          from{
              transform: rotateX(90deg);
          }
          to{
            transform: rotate3d(0,0,0)
          }
      }
      .inauguration{
          animation-name: inauguration;
          transform-origin: center;
      }
      .inaugurationTop{
          animation-name: inauguration;
          transform-origin: top;
      }
      .inaugurationBottom{
          animation-name: inauguration;
          transform-origin: bottom;
      }

      /*  */
      @keyframes heartBeat{
          from,50%,to{
            transform: scale(1)
          }
          25%,60%{
            transform: scale(1.5,1.3)
          }
      }
      .heartBeat{
          animation-name: heartBeat;
      }










      /* 淡入 */
@keyframes fadeIn{
    /* 通过设置透明度来实现淡入效果 */
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
.fadeIn{
    animation-name: fadeIn;
}

/* 淡入往下 */
@keyframes fadeInDown{
    /* 通过设置透明度来实现色差效果，并通过平移-y轴来实现往下的效果 */
    from{
        opacity: 0;
        transform: translate3d(0,-100px,0);
    }
    to{
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}
.fadeInDown{
    animation-name: fadeInDown;
}

/* 淡入从上往下的距离变大 */
@keyframes fadeInDownBig{
    /* 通过设置透明度来实现色差效果，并通过加大-y轴的距离来实现往下平移且距离增大的效果， */
    from{
        opacity: 0;
        transform: translate3d(0,-2000px,0);
    }
    to{
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}
.fadeInDownBig{
    animation-name: fadeInDownBig;
}

/* 从左侧淡入 */
@keyframes fadeInLeft{
    /* 通过设置透明度来实现色差效果，并通过平移-x轴实现从左侧淡入的效果 */
    from{
        opacity: 0;
        transform: translate3d(-100%,0,0);
    }
    to{
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}
.fadeInLeft{
    animation-name: fadeInLeft;
}
/* 淡入从左往右的距离变大 */
@keyframes fadeInLeftBig {
    /* 通过设置透明度来实现色差效果，并通过加大-x轴的距离来实现从左往右平移且距离增大的效果， */
    from {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0);
    }
  
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  
  .fadeInLeftBig {
    animation-name: fadeInLeftBig;
  }
  /* 从右侧淡入 */
  @keyframes fadeInRight {
      /* 通过设置透明度来实现色差效果，并通过平移x轴实现从右侧淡入的效果 */
    from {
      opacity: 0;
      transform: translate3d(100%, 0, 0);
    }
  
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  
  .fadeInRight {
    animation-name: fadeInRight;
  }

  /* 淡入从右往左的距离变大 */
  @keyframes fadeInRightBig {
      /* 通过设置透明度来实现色差效果，并通过加大x轴的距离来实现从左往右平移且距离增大的效果*/
    from {
      opacity: 0;
      transform: translate3d(2000px, 0, 0);
    }
  
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  
  .fadeInRightBig {
    animation-name: fadeInRightBig;
  }

  /* 淡入往上 */
  @keyframes fadeInUp {
      /* 通过设置透明度来实现色差效果，并通过平移y轴来实现往上的效果 */ 
    from {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }

/* 淡入往上距离变大 */
  @keyframes fadeInUpBig {
      /* 通过设置透明度来实现色差效果，并通过加大y轴的距离来实现从下往上平移且距离增大的效果， */
    from {
      opacity: 0;
      transform: translate3d(0, 2000px, 0);
    }
  
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  
  .fadeInUpBig {
    animation-name: fadeInUpBig;
  }
qq_45723057
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
掌握CSS动画技巧：打造引人注目的页面过渡效果！
欢迎来到我的前端博客！这里汇集了关于前端开发的最新技术、实用工具和经验分享。我将为你提供详细的教程、代码示例和实战案例，帮助你掌握Web开发的核心概念和技能。不论你是初学者还是有经验的开发者，这个博客都适合你。
10-27 678
CSS动画（CSS Animations）是为层叠样式表建议的允许可扩展标记语言（XML）元素使用CSS的动画的模块 即指元素从一种样式逐渐过渡为另一种样式的过程 常见的动画效果有很多，如平移、旋转、缩放等等，复杂动画则是多个简单动画的组合
css3定义帧动画
m0_73304850的博客
09-28 272
## 二、帧动画### 1、定义关键帧```html@keyframes 动画名称（英文） { 0% { /* 动画的开始 */ } 25% { /* 在25%的时候进行的一个动画 */ } 50% { /* 在50%的时候进行的一个动画 */ } 100% { /* 动画结束 */ } } from,to表示开始、结束状态，也可以使用0%,100%定义 @keyframes 动画名称（英文） { from { /* 动画开始 */ } to { /* 动画结束 */ } } ```### 2、引用帧动画`
【CSS】自定义动画
m0_62827829的博客
10-13 1573
【CSS】自定义动画
[HTML/CSS]动画效果以及自定义动画效果
weixin_45144581的博客
05-28 1858
一，实现div或者文字的当鼠标浮于其上时的动画效果： 1，transition加在div中，实现动画效果的过渡效果，transition: all 3s;其中all表示所有样式都参与过渡，3s表示实现效果的时间；linear为使动画匀速进行； 2，transform放在hover中实现动画效果，translate表示位置的移动；scale表示缩放，其中的值为原大小的几倍；rotate表示旋转，其中旋转的度数单位为deg。 <html> <head> <meta c
css实现动画的三种方式
learningJS的博客
05-01 3776
css实现动画主要有3种方式，第一种是：transition实现渐变动画，第二种是：transform转变动画，第三种是：animation实现自定义动画 transition渐变动画（过渡） 语法格式：transition：要过渡的属性 花费的时间 运动曲线 何时开始; 属性：想要变化的CSS属性，宽度高度，背景颜色，内外边距都可以。如果想要所有的属性都变化过渡，写一个all就可以 花费时间：单位是秒（必须写单位）比如0.5s 运动曲线：默认是ease（可以省略) 何时开始：单位是秒 (必须写
css动画效果（关键帧）
comegoing_xin_lv的博客
09-01 2665
基本动画效果，基本参数和属性
css实现帧动画
郊眠寺
05-24 3241
一般项目里面需要用的类似gif动效的地方，我都是让ui直接切好图片给我的，要是他们知道可以用css实现会不会打死我(逃… 话不多说，先上图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-k1wCGc8l-1653371944949)(https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/d9af97a8022144f7a0b140dc016a0813~tplv-k3u1fbpfcp-zoom-in-crop-mark:1956:0:
常见css动画-解压直用
09-18
开发者可以直接复制这些代码到自己的项目中，或者作为学习和自定义动画的参考。这个资源对于快速实现网页动态效果非常有帮助，能提高开发效率并减少重复工作。 总之，CSS动画是现代Web开发中的重要工具，它们使得...
css充电动画源码.rar
08-19
源码使用纯css样式设置及动画属性实现手机充电动画效果，运用的相关属性包括基本的宽度、高度、背景颜色、定位、圆角、颜色滤镜对比度、元素层级、自定义动画、元素位移、旋转、设置指定元素的动画时长、播放方式、...
css离线参考手册
02-24
13. **CSS自定义属性（CSS变量）**：允许在CSS中定义和使用变量，方便代码复用和维护。 14. **CSS calc()函数**：用于动态计算长度、频率、角度、时间、百分比、数值等。 15. **CSS Grid**：强大的二维布局系统，...
CSS中文完全参考手册
07-16
9. **过渡和动画**：CSS3.0的transition和animation属性使得元素可以在不同状态之间平滑过渡，创建动态效果。 10. **转换（Transforms）和透明度（Opacity）**：转换允许元素在空间上改变形状、大小和位置，而透明...
CSS参考手册3.0 推荐
03-25
**CSS（层叠样式表）3.0参考手册** CSS，全称为Cascading Style Sheets，是一种用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档样式的样式表语言。它允许我们将表现（样式）与内容（HTML结构）分离，使得...
【HTML、CSS练习题3】
m0_46312303的博客
07-20 2890
HTML、CSS练习题（三）
定义关键帧动画
RE_SuXianSheng的博客
08-18 262
帧动画
css动画效果
yiXin_Chen的博客
12-23 121
css动画使用步骤: 1. 定义动画关键帧 2. 在选择器中通过animation属性使用动画关键帧 定义动画关键帧: 语法: @keyframes 名字{ 0%{ 样式效果 } .... 100%{ 样式效果 } } animation属性的参数要求: 参.
【css】css动画实现的3种方式
热门推荐
t13965688123的博客
05-25 1万+
css实现动画主要有3种方式，①、transition实现过渡动画，②、transform转变动画，③、animation实现自定义动画。
【Vuejs】1178- 使用 Vue3 实现过渡动画
pingan8787
12-21 516
一. 基本过渡动画 1.1. 认识过渡动画在开发中，我们想要给一个组件的显示和消失添加某种过渡动画，可以很好的增加用户体验：React框架本身并没有提供任何动画相关的API，所以在Reac...
CSS3的自定义动画帧
weixin_30642561的博客
04-23 476
CSS3新增的动画帧非常绚丽，可以简单实现一些动画效果，目前除IE外各大主流浏览器都支持 本文演示三个：transform: scale3d(x, y, z)-缩放;、transform: translate3d(x, y, z)-位移;、transform:rotateX/Y(?deg)-旋转; 演示地址:http://wjf444128852.github.io/demo02/css3/i...
【信号分解】基于蝗虫优化算法GOA-CEEMDAN实现信号去躁附matlab代码.rar
最新发布
07-19
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
uni-app自定义加载动画
09-06
可以参考CSS动画库，如Animate.css或者使用SVG等方式来创建自定义的加载动画效果。 3. 在需要显示加载动画的页面引入组件：在需要显示加载动画的页面中，将自定义的加载动画组件引入进来，并在需要显示加载动画的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值