如何使用css使打字机文本效果循环

文章/答案/技术大牛

发布

1回答

css

你好我正在尝试用css在我的页面上做一个打字机文本效果，我得到了一个特殊的片段，它给出了一个打字效果，但它确实发送了循环，我需要它循环<div class="typewriterblink-caret { 50% { border-color: orange; }有没有人可以解释一下如何做这个循环

浏览 16提问于2017-01-24得票数 1

回答已采纳

1回答

在一个基于文本的浏览器游戏中，我如何在对话中发挥打字机的效果？

html、css

在基于文本的浏览器游戏中，我如何使文本类似于对话框中的打字机效果，比如动物交叉和口袋妖怪之类的游戏？这将是我第一个以自己的方式完成的项目，我只是不知道如何产生这样的效果，甚至连语言也不知道。我计划用HTML、CSS和任何我需要的代码来实现这种效果。谢谢!

浏览 3提问于2016-01-30得票数 0

回答已采纳

3回答

循环CSS打字机效果和更改文本

javascript、jquery、html、css、effects

我需要遍历CSS打字机效果，并更改每个循环的文本。这是我用来实现打字机效果的代码。我猜我需要使用javascript，但我不确定该怎么做。你知道我该怎么做吗？

浏览 1提问于2017-03-16得票数 1

回答已采纳

2回答

如何使CSS打字机的效果响应？

html、css

我制作了这个CSS打字机动画，但是，我无法使它响应。下面是我的代码：<div class="animation"></div>.animation p{链接到

浏览 7提问于2017-06-07得票数 0

回答已采纳

3回答

动画在<p>中切断多行文本

javascript、jquery、css、css-animations

此CSS使文本显示具有打字机效果。但是问题是，由于CSS中的white-space: nowrap，所以它只显示了最上面的一行。因此，如果我在一个覆盖4行的<p>元素中包含文本，则只显示最上面的一行。 animation: type 4s steps(60, end); from { width: 0; } 如果不可能使用纯CSS，是否有

浏览 5提问于2016-05-09得票数 1

回答已采纳

1回答

使用另一个变量创建打字机效果

javascript、html、glitch-framework

我正在寻找一个使用变量的打字机效果。我的变量将选择一个要写入的随机字符串。我希望它以同样的方式列出字符串，但我希望它使用打字机的效果来实现它！无论我在哪里看，我找不到一个如何使打字机的效果的答案，它不会打字的功能！我想要它根据变量输入一个随机文本！谢谢!Finalising Deletion..."; say[10] = "Chang

浏览 7提问于2021-12-17得票数 2

回答已采纳

3回答

如何使CSS打字机的效果正常工作？

html、css、web、frontend

我试图在网页上添加一些文本的打字机效果，然而，它并不是按照预期的工作。因为这个问题是关于动画的，我给了小视频(只有5-6秒)链接下面。

浏览 5提问于2020-08-25得票数 0

回答已采纳

2回答

我正在尝试用AS3创建一个打字机效果。我在打洞那天看了一些教程，但是找不到我要找的东西……这就是我想要的：-打字机文本效果-速度可以设置-不从外部.as文件导入-不从外部.txt文件导入(文本应该用变量定义)-如果文本字段充满文本，它应该“滚动”down....it应该跳到下一行，这样就有一个新的空行，打字机可以在那里写...我一直在使用as2，在as3中很难找到解决方案。:( 非常感谢!

浏览 0提问于2012-04-24得票数 0

1回答

如何在TypeWriter /CSS/JavaScript中放置闪烁效应

javascript、html、css

我试图输出带有打字机效果的Hello World_，并使__闪烁。目前，我正在使用HTML和CSS来制作_ blink，并且使用Javascript在打字机效果中键入Hello。

浏览 2提问于2021-04-13得票数 1

回答已采纳

1回答

打字机效果全宽

css

我复制了一个纯粹用CSS创建的打字机效果，但是闪烁的插入符号的动画正在整个页面的宽度上移动，而它应该停止在文本的末尾。这里有一个代码片段：有人建议解决这个问题吗？

浏览 2提问于2021-06-23得票数 1

回答已采纳

3回答

jTicker插件的无限循环

jquery、jquery-plugins

我有一个jQuery效果，可以像打字机一样输入简单的文本，或者如果你是手动输入的话。我需要等待几秒钟的效果，删除所有的文本，然后重新键入它。所以我想让它产生一种“无限”的循环效果。这是我使用的代码：<script

浏览 2提问于2012-11-11得票数 0

回答已采纳

1回答

css打字机效果，显示所有文本，然后启动效果。

html、css

"><h4>Data Scientist | Environmental Enthusiast | &nbsp Traveller</h4>我的css

浏览 1提问于2019-05-08得票数 2

回答已采纳

5回答

带延迟的forEach循环中数组元素的显示

javascript、arrays、foreach、settimeout

对于客户机，我需要使用打字机效果来显示数组中的四行不同的文本我的打字机效果设置得很好，但是我不明白为什么我的forEach循环只显示数组中的最后一个元素 var i = 0; var text;

浏览 74提问于2018-02-05得票数 1

回答已采纳

3回答

D3:打字机样式的文本转换

javascript、d3.js、label、transition、interpolation

在此中，通过减少旧文本的字体，进而增加新文本的字体，标签从一个文本转换到另一个文本。然而，我希望新文本以“打字机”的方式出现，就像在这个中一样。如何编写自定义的D3文本内插器，使文本以这种“打字机”的方式进行转换？

浏览 4提问于2014-02-05得票数 5

回答已采纳

1回答

创建一个Flex4组件以在文本中具有打字机效果

apache-flex、flex4、mxml

如何创建一个Flex4组件以在文本中具有打字机效果，如显示的所示

浏览 5提问于2010-09-09得票数 0

1回答

如何更改CSS循环中每个伪元素的颜色

html、css、angular、css-animations

所以，我在我的网络上做打字机动画效果，我只使用我在谷歌时发现的css，但我只是想知道我是否可以将每个文本的颜色设置为不同？这是我把我的代码附在Codepen上，你们可以在这里查一下我只是想知道每个有文本的::after是否都有不同的颜色

浏览 9提问于2022-06-08得票数 0

1回答

CSS -文本始终居中的打字机效果

css、css-animations

随着打字机效果的应用，左边的字母总是移动和居中的，但我希望我的文本始终居中，并使其字母从左到右显示。我怎么才能添加这个？ 

浏览 22提问于2020-05-05得票数 2

回答已采纳

1回答

使用Typed.js打字机效果中的错误

javascript、html、css、typed.js

我正在创建一个使用HTML5，CSS，Javascript，Typed.js的打字效果。这是我的code= <!

浏览 2提问于2016-07-04得票数 2

回答已采纳

1回答

div中文本溢出。无法将文本放入移动设备的div中。

html、css、css-transitions

我用打字机的效果在我的项目中输入了一些事实。我的问题是，在桌面上，它是完美的。但是，当涉及到移动设备时，文本是剪裁的。有什么办法使rest文本出现在下一行吗？HTML代码 <p class="line-1 anim-typewriter">text</div> .line

浏览 1提问于2017-02-23得票数 0

回答已采纳

1回答

如何动画TextSpan或文字的一部分颤振，就像在这个游戏截图？

flutter、flutter-animation

你有没有任何关于如何动画TextSpan或部分文本颤振，以达到同样的效果，在这个游戏截图？我知道如何用打字机将整个文本动画化，但不知道如何将部分文本动画化。任何帮助都将不胜感激。

浏览 5提问于2022-02-04得票数 1

点击加载更多