要为WordPress添加旋转的标语,可以使用CSS3动画效果来实现。以下是一个示例代码:
<style>
/* 设置旋转动画 */
@keyframes rotate {
0% { transform: rotate(0); }
100% { transform: rotate(360deg); }
}
/* 设置标语样式和动画 */
.slogan {
display: inline-block;
animation: rotate 10s linear infinite;
}
</style>
<!-- 在需要显示标语的地方添加以下代码 -->
<h1 class="slogan">这是一个旋转的标语</h1>
将上述代码复制到WordPress的主题文件(如header.php)中的
标签内或者将其加入你的自定义CSS中。以上代码会将标语进行旋转动画,每次旋转一周,持续10秒钟,并且无限循环。你可以根据需要调整动画的时间和其他样式。记得用自己的标语替换<h1>
标签中的内容。
这个示例使用了CSS3动画效果来实现旋转的标语,因此没有涉及任何JavaScript代码。