arzina8899
First Blood
• Posts: 1
• Likes: 0
Now:
Last: Oct 18, 2023 22:32:25 GMT -6
_____________________
|
Post by arzina8899 on Oct 18, 2023 22:33:43 GMT -6
如下现在我们已经足够看到我们的动画了。这是我们编写的代码的结果根据文本的长度您可能需要增加或减少动画的持续时间和步数以使其看起来像您想要的那样。添加光标。来相当不错但我们可以通过在效果中添加光标来使其更好以真正传达文本正在被键入。添加光标很简单我们将使用段落元素的右侧边框该边框随着段落元素宽度的扩展而移动。只需将添加到您的块中如下所示您可以根据自己 的喜好调整边框宽度和颜色。让光标闪烁。要为光标添加闪烁效果我们需要创建第二个名为眨眼的规则它将边框颜色开始为透明然后将其更改为黑色然后返回透明。我们将将此规则 数字数据 应用于我们的块。为了使事情更清晰我将使用动画速记来表示闪烁和打字动画。我还将眨眼的持续时间设置为一秒并使其无限循环。将文本居中。最后让我们通过将动画居中来添加一些额外的效果。我将采用迄今为止的代码并对容器进行一些细微的调整 我将容器的显示从更改为。我将为容器添加声明。我还将容器的宽度设置为。这就是我们最终得到的结果很酷对吧添加打字效果来取悦您的用户。虽然您不想在网站上的每一行文本上使用它但简单的打字效果可以吸引访问者参与原本简单的副本。尽管打字机如今可能不再处于技术的最前沿但它们总是会唤起一种很酷的怀旧感。因此尝试一下上面的示例。像这样的打字效果相对容易实现但它告诉访问者您的网站以及您的企业关心细节。法来处理等待页面加载这些函数中的任何一个都可能很有用。
|
|