永洪社区

标题: 数字跳动 [打印本页]
作者: yhdata_2xnBT00V    时间: 2024-8-29 15:17
标题: 数字跳动
数字文本组件仅能实现基础动画单次滚动；如何实现数字一直跳动，文本文字一行一行闪烁展示？
作者: yhdata_lyaa    时间: 2024-8-29 15:26
暂不支持
作者: yhbi老6了    时间: 2024-8-29 15:32
别说，哈哈哈哈，还真的可以
作者: yhbi老6了    时间: 2024-8-29 15:34
文本组件的文字可以的，如果你想表格一行行闪那不行
作者: yhdata_lyaa    时间: 2024-8-29 15:34
yhbi老6了 发表于 2024-8-29 15:32
别说，哈哈哈哈，还真的可以

有什么好主意
作者: yhbi老6了    时间: 2024-8-29 15:37
yhdata_lyaa 发表于 2024-8-29 15:34
有什么好主意

得益于贵司产品保留了文本组件可以写html+css的特性，
我只能给个demo参考，运用就看自己的功底了，文本组件粘贴以下代码
  1. <p class="breathing-text">呼吸文字</p>
  2. <style>
  3. @keyframes breathingEffect {
  4.   0%, 100% {transform: scale(1);} /* 文字原始大小，即100%比例 */
  5.   50% {transform: scale(1.2);} /* 文字放大至120% */
  6. }

  8. .breathing-text {
  9.   /*font-size: 24px;  基础字体大小，可以根据需要调整 */
  10.   animation: breathingEffect 3s ease-in-out infinite; /* 应用动画、持续时间、速度曲线、无限循环 */
  11.   display: inline-block; /* 确保动画只影响文字本身，而不影响布局 */
  12. }
  13. </style>
复制代码
作者: yhbi老6了    时间: 2024-8-29 15:38
我老板说，整天研究些没有用得东西，啊哈哈哈
作者: yhdata_lyaa    时间: 2024-8-29 15:41
yhbi老6了 发表于 2024-8-29 15:37
得益于贵司产品保留了文本组件可以写html+css的特性，
我只能给个demo参考，运用就看自己的功底了，文本 ...

可以一试
作者: yhdata_lyaa    时间: 2024-8-29 15:42
yhbi老6了 发表于 2024-8-29 15:38
我老板说，整天研究些没有用得东西，啊哈哈哈

大佬
作者: yhbi老6了    时间: 2024-8-29 15:43
yhdata_lyaa 发表于 2024-8-29 15:42
大佬

不不不，是贵司的产品6，保持着灵活度
作者: yhdata_lyaa    时间: 2024-8-29 15:47
yhbi老6了 发表于 2024-8-29 15:43
不不不，是贵司的产品6，保持着灵活度

不要谦虚，都6



欢迎光临 永洪社区 (http://club.yonghongtech.com/) Powered by Discuz! X3.4