Power BI 动画之放大缩小

wujunmin

发布于 2023-09-05 17:31:46

1.1K0

文章被收录于专栏：wujunminwujunmin

《Power BI 异常指标闪烁提示》《Power BI异常指标闪烁提示（2）》《Power BI异常指标闪烁提示（3）》三篇文章从三个不同的角度介绍了闪烁动画在Power BI的应用，有读者可能会觉得闪烁看时间长了眼花，本文介绍另外一种温和的动画：放大缩小。图标样式可以自定义，视频讲解如下：

动画代码：

<style>
    @keyframes wujunmin {
      0% {
        transform: scale(1); 
      }
      50% {
        transform: scale(0.7);
      } 
    }
    path {
      animation: wujunmin 1s infinite;
      transform-origin: center;
    }
</style>

以下是配套的内置了6000多种图标的查询系统，都可以施加动画：

访问短网址：

https://douc.cc/2GQ1Ub

访问长网址：

https://app.powerbi.com/view?r=eyJrIjoiZDk1N2RiMTgtYWMwOC00ZDM3LTliYzQtYzMxYWYzOGVkNmI1IiwidCI6IjI5Y2JkNTY4LTBlOWItNDQ0Zi1iZTA1LTYxNjMyOTAzNjJmZSJ9

新卡片图是Power BI迄今为止最强大的三大视觉对象之一（另外两个是表格和矩阵）

《新卡片图介绍》