我试图让文本从网站的一侧滑到另一侧然后消失

丹尼尔·马丁内斯


我正在尝试制作一个显示一些从右到左的文本的网站。
我正在尝试制作的一个很好的例子是这个网站realtimebitcoin.info的背景
我不太确定从哪里开始。
任何建议将不胜感激。

谢谢,
丹尼尔

心电图8

您可能会想使用选框标签,它会以您希望的方式为您的文本设置动画。但是,该标签已被弃用,并且可能会在不同的浏览器中产生意想不到的结果。这是一个JSFiddle HTML

<span>Hello World</span>

CSS

span {
  display: inline-block;
  position: relative;
  animation: marquee 3s infinite;
}
@keyframes marquee {
  0% {left: 500px}
  50% {left: 200px}
  100% {left: -100px}
}

玩转动画关键帧以获得您想要的确切滚动效果。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

无法设置项目一侧到另一侧的LinearLayout

Rails协会has_one一侧,has_many另一侧

CSS布局:一侧滚动,另一侧设置高度

如何使用 QPainter 创建一侧圆角和另一侧平面矩形?

如何在平面的一侧设置纹理,在另一侧设置颜色?

pygame-检测rect的哪一侧与另一侧的碰撞

无法在一侧设置边框半径,而在另一侧设置常规边框

从屏幕的一侧到另一侧对imageView进行动画处理-Android

Java:实体在边界内从一侧延伸到另一侧

将PacMan传送到迷宫的另一侧

如何在另一侧绘制y轴?

展开另一侧的搜索栏?

访问||另一侧的标准错误?

如何使图像循环到屏幕的另一侧

拖到另一侧时翻转RelativeLayout内容

如何在屏幕的另一侧放置对象

模糊网站的一侧

我想让我的物体移到窗户的另一侧

翻转卡无法正常工作[可以选择另一侧的文本]

这是一种关系,一侧是一对一的,另一侧是一对多的

SVG ..我想在创建的路径的另一侧填充它

我如何在另一侧制作IntelliJ plus

为什么 WinMerge 隐藏了我的大部分文件,即使我从一侧或另一侧复制了所有更改?

Tkinter框问题-条目,标签框,文本均从一侧到另一侧占用空间,网格使计算机崩溃

Unity3D-如何将对象从屏幕的一侧传送/推向另一侧?

相关矩阵图,一侧为系数,另一侧为散点图,对角线分布

Matplotlib,如何在一侧内部获得刻度线,而在另一侧获得外部刻度线?

从一侧的屏幕外部到另一侧的屏幕外部进行TranslateAnimation的翻译

Requirejs vs Browserify vs Webpack的JS加载顺序:我只是将情况从一侧转移到另一侧吗?