javascript - 我怎样才能模仿这种旋转的文字效果?

标签 javascript webkit transform

我正在做一个新项目,我想学习如何在这个网站上模拟文字效果

http://papertiger.com/

我熟悉涉及向上旋转文本的 CSS 转换,但我还没有弄清楚它们如何具有不同的文本字段(例如,它们如何将其设置为循环显示不同单词的位置)

由于文本每隔几秒更改一次,因此很难检查元素,而我尝试寻找解决方案的尝试并未取得成果。

我不一定需要解决这个问题。如果有人能给我指出一个教程的方向,该教程涵盖了他们如何循环使用不同单词的基本功能,将不胜感激。谢谢!

最佳答案

您可以使用 CSS3 实现此目的。

  • 旋转(x 轴)包含单词的元素(例如 div)
  • 当元素旋转 90 度时,将元素值更改为另一个单词
  • 将元素旋转回 0 度

关于javascript - 我怎样才能模仿这种旋转的文字效果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21393786/

相关文章:

javascript - 获取插入符位置的元素节点(在 contentEditable 中)

ios - com.apple.WebKit.WebContent 掉落 113 错误 : Could not find specified service

ios - 为什么 input[type=range] 在 CSS3 转换后不起作用?

html - 父 DIV 在转换子 img 时保留大小

javascript - jQuery 不选择具有动态 ID 的元素,怎么办?

javascript - 我可以在 Service Worker 中从屏幕外 Canvas 创建 png 吗?

javascript - jQuery 菜单按钮仅在 webkit 中的下拉菜单中消失,如何让它保持原状?

CSS3 动画在 Firefox 中不起作用

javascript - Ajax jQuery 表单无法正常工作,导航到 PHP 文件

javascript - 新的 Firebase () 函数已弃用?