How can we help?
< All Topics

CSS Animations in Power BI

Use CSS animations to get the user's attention on a certain part of your Power BI reports


Do you have sections in your Power BI reports that need more attention? How about improving the user experience and guidance with the help of CSS animations? In our sample report below you find a few examples of CSS animations giving you an impression of possibilities with our HTML VizCreator Cert or Flex visuals.

Check out the different animations by clicking the radio buttons and be surprised by what happens. The sample report is downloadable using the link below.


How to create CSS animations with the HTML VizCreator visuals


Download the sample report and use it as an example for your own report. The CSS code used for the animations can be found in the measures. Simply copy & paste the animation you like into a measure in your report and adjust the code. You will find more CSS animation possibilities by searching the internet for “CSS animation”.
Bring your newly created CSS measure to the HTML VizCreator visual's "CSS" placeholder. In your HTML measure, link to the created CSS ID/class and add your HTML measure to the visual's "HTML" placeholder.

Learn how to deal with color opacity/transparency in Power BI.