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

效果图:

上代码

  • 使用方法:

CoreNext主题 ->  主题设置 -> 插入代码 -> 自定义CSS - 将下述代码粘贴进去即可完成!

@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; /* 调整动画的持续时间和其他参数 */
  }

 

 

阅读剩余
提示:本文最后更新于2024年 1月 17日,如有错误或者已经失效,请留言告知。
THE END