小编Oli*_*ett的帖子
CSS转换宽度从右到左
我已经制作了一个标题(欢迎这个词),一旦页面加载(onload="")就会显示出来.
如果下面的代码不起作用,请小提琴.
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.
这个期望的外观应该是一个例子,过渡的一半:
5
推荐指数
推荐指数
2
解决办法
解决办法
2万
查看次数
查看次数