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

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

 

效果如下:

图片[1]-CoreNext主题美化:设置LOGO左右动画效果-一闲笔记

温馨提示: 本文最后更新于2024-02-22 16:40:55,某些文章具有时效性,若有错误或已失效,请在下方留言或联系一闲笔记
本站代码模板仅供学习交流使用请勿商业运营,严禁从事违法,侵权等任何非法活动,否则后果自负!
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容