Need a way to mount specific animation to an element

[wheregmis]

For something like

for (id , url) in favorites.suspend()?.cloned().unwrap() {
                    div { class: "favorite-dog", key: id,
                        img { src: "{url}" }
                        button {
                            onclick: move |_| async move {
                                crate::backend::remove_dog(id).await.unwrap();
                                favorites.restart();
                            },
                            "❌"
                        }
                    }
                }

I need to have delay animations for each children, creating those variables and running it is different, So we need to have something where i can bind the animation for each element with some different property with some delay like delay + id * 100. Currently i have not figured out a way to achieve this on dioxus. Will try to work after the comments or solution from the mentioned below issue

[wheregmis]

DioxusLabs/dioxus#3462