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

 

效果如下:

上一篇 CoreNext主题美化:网站运行天数显示
2026年4月
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
加载中...
yixian

yixian管理员

这个人很懒,什么都没有留下。

本月创作热力图

最新评论
一位 WordPress 评论者
一位 WordPress 评论者
2月7日
您好,这是一条评论。若需要审核、编辑或删除评论,请访问仪表盘的评论界面。评论者头像来自 Gravatar。
标签云
暂无内容