我的 CSS 代码中有两个错误，“预期的 RBRACE”、“意外的 RBRACE”和“预期的 LBRACE”答案

【问题标题】：I am getting two errors in my CSS code, "Expected RBRACE", "Unexpected RBRACE", and "Expected LBRACE"我的 CSS 代码中有两个错误，“预期的 RBRACE”、“意外的 RBRACE”和“预期的 LBRACE”
【发布时间】：2019-05-30 05:17:58
【问题描述】：

我是 CSS 和 HTML 的新手，因为我是在空闲时间进行直播学习的。我正在尝试创建一个自定义文本动画，将文本切成两半，左半部分向上浮动，右半部分向下浮动（将来可能会更改为它们都只是摆动和下降的位置）。

我现在不完全确定要尝试什么，我已经以我能想到的各种方式添加、删除和弄乱了代码。我搜索了互联网和这个论坛，但没有找到任何可以帮助我的东西。

#keyframes slideup {
    0% {
        top: 50%
    }        
    30% {
        top: 50%;
    }        
    90% {
        top 40%;
    }
    100%: {
        top: 40%;
}

我希望文本的左半部分向上浮动，而右侧向下浮动，但这并没有发生，我假设它是因为我的代码。

【问题讨论】：

您在第一个 top: 50% 之后缺少一个 ;。
你错过了一个结束 } 所以我会从那里开始。

标签： html css animation text

【解决方案1】：

p{
position:absolute;
top:50%;
left:50%;
animation:slideup 1s infinite;
}
@keyframes slideup {
    0% {
        transform:translateY(0);
    }        
    100%{
      transform:translateY(-100px)
}
}

&lt;p&gt;text&lt;p&gt;

这就是你创建动画的方式！

【讨论】：

感谢您的帮助！但我也试图将文本切成两半。基本上我所做的是将文本复制两次，它们彼此重叠出现，但我希望右半部分和左半部分以相反的方向（上下或左右）彼此远离。
嘿，看看这个演示codepen.io/iziz96/pen/YbReGB?editors=1100