Here's a class example called spin that should work. Toggle your class of your components between this and None or another class without the animation in it.
.spin {
"animation": "ia_symbolComponent__animate--rotate linear 1",
"animation-duration": "1000ms"
}
These post should help as well.
I am looking to recreate this Icon animation, I have figured out other animations and transitions in CSS.
[Screen Recording 2022-09-22 at 2.39.23 PM]
I have tried adding a transition: 1s linear on the buttons props.image.icon.style but it doesn’t seem to capture it.
Any ideas?
Out of curiosity, between the image loop, or something like a gif.
Do you have any performance recommendations for putting something like Conveyors on a P&ID?
I really liked the idea of using pipes, and just styling them to look like a conveyor, but that was before I realized I couldn’t style individual pipes outside of color. That would have been nice because it would have provided the SVG to the client as one large SVG, instead of the back and forth of many smaller ones.
2 Likes