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; /* 调整动画的持续时间和其他参数 */
}
本教程转载于优享云
共有 0 条评论