javascript - 如何做文本长度逐渐变短？
哪位大佬知道这种文字展示是怎么做的吗？
共有2个答案
一般来说这样的内容是都展示性的网站上面会有的布局，所以基本上内容是固定的。直接用 br 来换行就好了。
这种效果通常是通过在 CSS 中使用 text-shadow 属性实现的。你可以为文本添加多个阴影，其中一些阴影的颜色更暗，位置更偏移，从而产生文本逐渐变短的效果。
下面是一个示例代码：
h1 { font-size: 72px; text-shadow: 0 0 2px rgba(255,255,255,0.5), 0 0 4px rgba(255,255,255,0.3), 0 0 6px rgba(255,255,255,0.1), 0 0 8px rgba(255,255,255,0), 0 0 10px rgba(255,255,255,-0.1), 0 0 12px rgba(255,255,255,-0.3), 0 0 14px rgba(255,255,255,-0.5);}这个代码将为 <h1> 标签的文本添加多个阴影，使文本看起来逐渐变短。注意，阴影的偏移量会随着颜色变暗而增加，从而产生这种效果。
-
如图所示，红色圈起来做横向滚动，如何实现容器左右侧的文字透明度效果？
-
问题内容： 我想在UILabel旁边显示图像，但是UILabel具有可变的文本长度，所以我不知道将图像放置在哪里。我该怎么做？ 问题答案： -[NSString sizeWithFont：forWidth：lineBreakMode：]有什么用？ 这个问题可能有您的答案，对我有用。 2014年，我根据下面的诺伯特的超方便评论编辑了这个新版本！这样就可以了。干杯
-
问题内容： 如您在这张图片中看到的 将根据文本长度它的高度的变化，我想让它根据文本长度调节它的高度。 *我看到了其他问题，但是那里的解决方案对我没有用 问题答案： 这个 作品 对我来说，所有其他解决方案都没有。 在Swift 4中，的语法已更改为。
-
问题内容： RGBA是非常有趣的，所以是，和呃… …是啊。:) 有没有一种方法可以将RGBA和渐变这两者结合起来，以便使用当前/最新的CSS规范可以实现alpha透明度的渐变。 问题答案： 是。您可以在webkit和moz渐变声明中使用rgba： （src） （src） 显然，您甚至可以使用奇怪的“扩展十六进制”语法在IE中执行此操作。第一组（在示例55中）指的是不透明度级别： （src）
-
注意：这里有完整的源代码。 我使用Gradle Init插件创建了一个Scala库： 然后我修改了它的构建。gradle为gradle 2.13生成包装。然后我跑了： 生成包装器。最后我跑了： 我在IntelliJ社区启动了这个项目。我修改了库。scala（Gradle Init插件创建）包含明显的scala编译器错误，但注意到错误没有以红色下划线显示： 然后我右键单击src/main/scala
-
问题内容： 我四处寻找，对此一无所获。 如果我有一段文字，有没有办法，也许是CSS3，当它向下到页面时逐渐改变文字的颜色吗？而不是渐变的方式，因为那只会对单词而不是整个文本段落起作用。 因此，我希望一些文本从白色开始，然后随着段落的结尾逐渐变黑。 我真的不确定是否可以完成…也许有一个Java脚本可以做到。 谢谢。 问题答案： 您可以使用CSS来做到这一点，但它仅在webkit浏览器（Chrome和