This looks cool. I’m trying to figure out if I can use this for a project, but I’m unsure if even live view can do the animation I want. Basically, I need to make a cell of a table scale in and out when the value inside the table cell changes. The css to animate is pretty simple, something like:
@keyframes scaleInOut {
0% {
transform: scale(1);
background: white;
}
50% {
transform: scale(1.35);
/* bg-amber-300 */
background: rgb(252 211 77);
}
100% {
transform: scale(1);
background: white;
}
}
But I’m not sure theres a phoenix hook for when an element is updated, not at least one we can get on the server side from what I can tell.
Only thing I can think to do is track the change on the server side and add the class, then in a second or so remove the class later. Seems overkill and maybe better to just do it with javascript. Any ideas? Will LiveMotion be able to do something like this?
