在纯css中从左到右显示文本的效果

文章/答案/技术大牛

发布

1回答

javascript、css、animation、css-animations

我想创建一个效果来显示给文本，就像我的codesandbox。除了使用动画遮罩图像之外，我还有其他选择吗？

浏览 144提问于2021-10-09得票数 0

回答已采纳

1回答

纯CSS淡入淡出每个从左到右

css

是否有可能在纯css中创建淡入淡出效果，每个css从左到右运行(cf )。gif)？input[type='submit'] { background-position: left; c

浏览 3提问于2022-06-12得票数 1

回答已采纳

2回答

在滚动上绘制/显示路径

javascript、jquery、css、html

本简介的一部分是在滚动时显示一条路径-路径是一系列圆形圆圈，如- 我需要从左到右透露，这张图片是一个背景不透明的PNG，因为下面的租户身上还有其他事情--基本上我被一个像样的方法难住了。是否可以使用纯CSS或CSS /JS的组合从左到右显示不透明的图像？

浏览 2提问于2014-10-09得票数 0

2回答

CSS敲除文本效果+背景图像上的文本阴影

css

如何在纯CSS中实现这种效果？我很容易找到资源来创建一个敲除文本效果，但这里的挑战是将经典的敲除文本效果与内部文本阴影和透明度结合起来，以使背景图像可见。实验规则允许。SVG也是，但我更喜欢CSS :)

浏览 4提问于2016-03-10得票数 1

回答已采纳

1回答

如何将列表项显示为保持从左到右顺序的列？

css、list、multiple-columns、flexbox

在纯CSS中，是否可以将列表元素排列成任意数量的列，从而保持从左到右的顺序，如本例所示？

浏览 2提问于2015-06-18得票数 2

回答已采纳

3回答

我希望我的文本从左到右出现，并从左到右消失。

javascript、css、animation、text

我制作了一个带有转换的简单文本，当我将它悬停在CSS中时，它会从左到右出现。因此，当然，当我移除鼠标光标时，它是在另一个方向被动画化的，文本从右到左消失。但是我希望它从左到右消失，然后重置，这样它就可以从左到右再次出现，这就是我被困的地方。谢谢!

浏览 11提问于2022-11-21得票数 1

2回答

从下到上的文本颜色转换效果

css、css-transitions、transition

我怎样才能让文本的颜色从黑色到红色与css转换效果(例如轻松)从下到上，为一个特定的高度百分比？我得到了一个价值--比如说50%。所以现在我想改变我的示例文本的文本颜色:示例从黑色变为红色，具有css转换效果。但是，转换效果应该从底部开始，然后一直到顶部(而不是像许多例子所演示的那样从左到右)。最后，文本“示例”应该是半颜色<

浏览 0提问于2018-05-16得票数 0

回答已采纳

1回答

单向动画

css、animation、transition、directions

我目前在宽度改变上使用了一个经典的过渡。()编辑:新的小提琴以显示良好的用例。

浏览 3提问于2014-09-09得票数 0

1回答

有没有办法在没有CSS Flex的情况下从上到下显示HTML列表，而不是从左到右显示？

html、css、internet-explorer、cross-browser、responsive

视图：摘要:列表项目设置为从左向右浮动的超文本标记语言无序列表。我在UL上使用CSS Flex从上到下显示菜单项，因此它显示为董事会、资本计划、民权从上到下与从左到右。除了在IE中Flex属性并不完全兼容之外，这种方法工作得很好。是否有其他或更好的CSS或JS解决方案可以在IE 10+中实现相同的效果我见过类似的StackOv

浏览 4提问于2020-01-16得票数 0

1回答

CSS/JQuery:悬停图像的动画效果？

jquery、css

我的网站菜单中的每个按钮都有文本图像，而不是纯文本。当按钮悬停时，图像将被替换为另一个看起来相同但具有发光效果的图像。我希望新的图像显示与淡入动画时，悬停。如何使用CSS或JQuery实现这一点？

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

回答已采纳

2回答

文本从左到右显示

css、css-transitions

我希望在图像悬停时出现图像的标题(这并不是真正的标题)。文本应该从左到右显示，因此当图像悬停时，它的容器应该在X轴上生长。我已经能够使文本出现在悬停，但过渡效果是我被困的地方。这就是我尝试过的：.morbid { margin-left:10px; position:relative

浏览 5提问于2015-10-15得票数 2

1回答

使用纯CSS的3d字母

javascript、html、css

如何使用纯css创建这样的3d文本效果？我所能做的就是：我希望文本后面的效果/阴影以线性的方式出现。代码框链接：

浏览 2提问于2022-11-08得票数 -1

1回答

使用jquery设置文本对齐动画

jquery

在点击按钮$('#btn').click()时，我想要一组span元素被设置为CSS文本右对齐(最初是文本左对齐)，并使其具有动画效果，以便文本从左向右滑动。我再次尝试使用.addClass('alignRight', 1000)，文本确实发生了变化，但没有滑动效果。当我尝试使用.addClass('floatRight', 1000)时，它与alighRight具有类似的效果</em

浏览 0提问于2011-05-30得票数 1

回答已采纳

1回答

从html中剥离邮件正文，并使用Javascript保留格式

javascript、java、jquery、html、css

我有一个邮件内容，其中可能包含html/css。我想从标签，图像中清除文本，但希望保留格式，这样它仍然具有足够的可读性。模式是：2)存储在数据库中；4)显示它从html/css标签，只是纯文本，将包含新行，空白，一些基本的格式。这段代码帮助我摆脱了html标签，但是所有的文本都变得很难读。var htmlT

浏览 0提问于2016-01-20得票数 1

2回答

使用自然行为设置列表样式

css

我想像这样设置css列表的样式[ 3 ][ 4 ]当使用float:left时基本上没有问题，但有一个问题，当4比3更高时，会发生以下情况： [ 1 ][

浏览 2提问于2010-11-03得票数 3

回答已采纳

3回答

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

javascript、jquery、css、css-animations

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

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

回答已采纳

1回答

使用纯CSS在悬停效果上闪烁的文本

css、css-transitions

正如标题所示，当我悬停在主文本上时，对应的文本首先显示在底部，然后显示在右边。这个闪烁的效果需要消失。我该怎么做？<div> <h2>Title 2</h2> </a> </di

浏览 1提问于2019-10-06得票数 1

回答已采纳

1回答

改变波斯线的方向

rtl

我在用Ubuntu写波斯语时遇到了问题，问题是当我试图用Gedit或VIM编写混合的波斯语和英语文本文件时，以波斯语字符开头的行从屏幕的正确方向开始，很难遵循这样的线条。📷📷

浏览 0提问于2014-08-07得票数 3

4回答

拆分翻盖文本动画Jquery

javascript、jquery、jquery-plugins、jquery-animate

你能推荐一个Jquery插件来做和这个演示一样的文本动画吗：谢谢你的建议，利奥

浏览 2提问于2012-06-25得票数 1

4回答

横幅上的文本幻灯片css动画

javascript、jquery、html、css

我想在横幅上从左到右translateX文本。我引用了这个网站中的动画在引用的站点中，文本动画速度逐渐减慢，并且不透明度设

浏览 3提问于2018-06-15得票数 2

点击加载更多