时间戳

首页 > 解决方案 > 我的 CSS 代码中有两个错误，“预期的 RBRACE”、“意外的 RBRACE”和“预期的 LBRACE”

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

问题描述

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

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

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

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

标签： htmlcssanimationtext

解决方案

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

这就是你制作动画的方式！

推荐阅读