我的位置：首页 › 一站式数据分析平台-亿信ABI › 亿信ABI-心得体验 › 酷屏-CSS3小动画跃动的”文本“

酷屏-CSS3小动画跃动的”文本“

复制链接 | 收藏本帖

2022

: 橙子小试身手Lv3

发表于2021-10-22 11:08

楼主

跃动的"文本"：（效果见附件zip）
html源代码：<widget id='HHH29' wid='CHtmlWidgetText46'>
</widget>

CSS代码：（注意文本组件HHH29，如是表格文本可以用#GRID3\.A1）

#HHH29,#GRID3\.A1{
animation: pulse 4s infinite;
}

@keyframes pulse {
      0% {
            transform: scale3d(1, 1, 1);
      }
      10%{
            transform: scale3d(0.7, 0.7, 0.7);
      }
      20% {
            transform: scale3d(1, 1, 1);
      }
      30% {
            transform: scale3d(0.7, 0.7, 0.7)
      }
      40%,100% {
            transform: scale3d(1, 1, 1);
      }
}