个人中心
文章发布
退出
作者热门文章
- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
25
4
我制作了一个标题(欢迎词)，一旦页面加载 (onload="") 就会自动显示。
Fiddle如果下面的代码不起作用。
function animate() {
document.getElementById("mainText").style.width = "100%";
}#mainText {
margin: 0px;
display: inline-block;
font-size: 100px;
width: 0%;
transition: width 2s;
white-space: nowrap;
overflow: hidden;
text-overflow: clip;
}<body onload="animate()">
<h1 id="mainText">Welcome</h1>
</body>CSS 和 Plain JS 工作正常，但我希望“欢迎”一词首先显示在右侧，然后继续移动，因此从 e 到 W，而不是目前从左到右打开的样子。
我试过 text align: right;，但这并没有改变任何东西。
如果解决方案是 JS，我最好不想使用任何 jQuery。
过渡到一半时所需外观的示例:
最佳答案
您可以使用 clip-path属性裁剪元素的一部分，使它们不可见。此属性也可以动画化以再次显示元素，在动画中使用 forwards 关键字，使其保持在“显示”结束状态。
inset 采用以下顺序的值:从上、从右、从下、从左。
#text {
margin: 0;
font-size: 100px;
animation: reveal 2s forwards;
}
@keyframes reveal {
from {
clip-path: inset(0 0 0 100%);
}
to {
clip-path: inset(0 0 0 0);
}
}<h1 id="text">Welcome</h1>关于javascript - 从右到左的 CSS 过渡宽度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44800363/
25
4
0
这个问题已经有答案了: Declaring multiple object pointers on one line causes compiler error (5 个回答) 已关闭 6 年前。 l
我目前正在学习语言处理器，经常出现的一个话题是语法中元素的使用方向。从左到右或从右到左。 我理解这个概念，但似乎有很多方法可以编写这些规则，我不确定它们是否都相同。到目前为止我看到的是: 右/左递归，
我有一个很长的线性(分支不多)流程图，在 graphviz 中显示为要么太高而无法放在单个页面上，要么太宽(如果方向是从左到右) 是否有一种简单的方法可以让 graphviz 以从左到右，然后向下，然
我一直摸不着头脑，但运气不好。设计器有一个包含 3 栏的站点、两个侧边栏和一个主要内容区域。 专为桌面设计，左栏、主要内容、右栏。但是，在较小的设备上，我们希望首先堆叠主要内容。 所以通常情况下，你可
我想要从上到下和从左到右组织的 css block 。 为了更好地解释这是一张图片，其中包含我到目前为止所获得的内容以及我希望使用 CSS 实现的内容: 代码如下: HTML: 1 2 3 4 5
当我问this question时，答案之一(现已删除)建议Either类型对应Curry-Howard correspondence中的XOR而不是OR，因为它不能同时是Left和Right。 真相
我有一个程序，如果用户按住向左或向右箭头键， Angular 色会逐渐朝那个方向加速，并最终达到最大速度。松开按键后， Angular 色逐渐减速，直至完全停止。 我的右方向键没问题，但左方向键坏了。
今天很简单的一个。我有一个专栏，我们称之为标题，有一堆项目标题。我需要从“:”的左侧拉出所有内容并进行左/右修剪(稍后我将在连接中使用它，但我现在只需要一个包含新数据的列) .下面是当前列的示例: 这
我正在尝试将图表中的列与左侧对齐。默认情况下，它们位于中间。 我在 API 文档中找不到任何关于此的信息。 Here是一个 jsFiddle 测试。 最佳答案 在 highcharts api 中，您
左旋转进位和右旋转进位指令有哪些实际用途？ 在我的汇编课上，我们无法想出一个有用的好例子。 最佳答案 如果您想将位从一个操作数移出并移入另一个操作数: SHL EAX, 1 ; mov
我有一个查询，它使用 eqjoin 从两个不同的表返回以下数据。我想将 left 和 right 结合起来，而不是执行 zip() (重写 name > 和 joined_at)，我想将右侧对象的属性
我使用 firebase API。发送和检索消息。但是，我在尝试为发送者/检索者设置布局时遇到麻烦，以便消息将左/右对齐。目前我只有发送者/检索者都使用的一种布局，但不确定如何设置不同的布局。 pub
我的菜单基本上是一个水平项目滑动条。所有菜单项都有特定的默认 CSS 属性。我希望这些项目在到达主容器的中心时更改其大小和左/右边距，并在离开主容器(或位于主容器之外)时重置为默认值。请参阅我的原理图
我有一个引用表，在这个表中有 3 个字段(Id、User1、User2)。 User2 字段可以为空，但我们在不使用时使用 0。 当我执行下面的 Linq 查询时，User2 == 0 的记录不是结果
不知道如何解决这个问题。 我有两个表结果和受访者 我需要查明受访者表中是否有任何行具有completion =“Complete”，但它们的respondent_id(在结果表和受访者表中)不在结果表
我正在尝试访问三个表以获得类似这样的内容: +------+------+------+ | ITEM | PCS | CSS | +------+------+------+ | 1099 |
left 和 right join 有区别吗，下面的sql 语句结果一样，但是两者的性能是一样的吗？ SELECT count(*) FROM writers RIGHT JOIN blogs O
当我使用 LEFT() 使用以下代码从数据库中获取值时 $select="SELECT LEFT(description,500) FROM tbl_news where id='$id'"; $qu
当我将鼠标悬停在水平导航菜单上的页面名称上时，相关子页面会 float 在下方。 目前这些显示居中，我如何对齐它们以便它们向左对齐(与导航菜单标题名称一致)。 你可以去看到这个 http://79.1
在下面的引导网格示例中，它使用 col-sm 和 col-sm-push/pull。col-sm-push 指定了左/右值(偏移量)。 我不太清楚它是如何工作的。 第二个 float 元素来到第一个
我是一名优秀的程序员,十分优秀！