boxmoe_header_banner_img

Hello! 欢迎来到盒子萌!

加载中

文章导读

CoreNext主题美化:设置LOGO左右动画效果


avatar
xjvae 2024年 2月 20日 21

LOGO左右动画代码:

@keyframes shine {
    0% {
      opacity: 1;
      transform: translateX(0);
    }
    50% {
      opacity: 0.5;
      transform: translateX(20px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }

  .logo {
    animation: shine 2s infinite; /* 调整动画的持续时间和其他参数 */
  }

 使用方法:

CoreNext主题 ->  主题设置 -> 插入代码 -> 自定义CSS

 

效果如下:



评论(0)

查看评论列表

暂无评论


发表评论

表情 颜文字
插入代码