Is there a support for animating between code blocks?

[joyfulelement]

Hi:

Do we know if reveal-md will eventually support the animating between code blocks as demostrated on https://revealjs.com/auto-animate/#example%3A-animating-between-code-blocks ?

Have been trying to experiment with the following syntax, but not successful.

## 1st slide
<!-- .slide: data-auto-animate -->
<!-- .element: data-id="code-animation"-->
```js data-trim data-line-numbers
    let planets = [
      { name: 'mars', diameter: 6779 },
    ]
``` <!--end of slide 1-->

## 2nd slide
<!-- .slide: data-auto-animate data-trim data-line-numbers-->
<!-- .element: data-id="code-animation"-->
```js data-trim data-line-numbers
    let planets = [
      { name: 'mars', diameter: 6779 },
      { name: 'earth', diameter: 12742 },
      { name: 'jupiter', diameter: 139820 }
    ]
``` <!--end of slide 2-->

## 3rd slide
<!-- .slide: data-auto-animate data-trim data-line-numbers-->
<!-- .element: data-id="code-animation"-->
```js data-trim data-line-numbers
    let circumferenceReducer = ( c, planet ) => {
      return c + planet.diameter * Math.PI;
    }

    let planets = [
      { name: 'mars', diameter: 6779 },
      { name: 'earth', diameter: 12742 },
      { name: 'jupiter', diameter: 139820 }
    ]

    let c = planets.reduce( circumferenceReducer, 0 )
``` <!--end of slide 3-->

Any guidance would be much apprechiated. Thank you.

[Artmorse]

Hi,

I'm not sure... It support the Code Highlighting and the Highlight of lines (example in the revealjs website) but i'm not sure for the Code Animation...

[ChongChengAC]

I've tried various ways of writing it before and it worked. Here is an example. Please do not ignore any part of the example, even blank lines.