Hi,
I would like to create a Solar Power Widget with Solar panel, batteries, external network and home icons similar to Tesla app.
I also would like to create an animation to show where the power direction (i.e. from solar panels to home/network/batteries or from batteries or network to home when no solar plan)
For testing purpose I tried to move an f7-icon horizontally for infinite times but without success.
f7: arrowtriangle_right_fill
style:
color: red
animation: transform infinite
animation-duration: 4s
transform: from translateX(0px) to translateX(100px)
transform-origin: left center
I don’t know how to set “infinite” and how to set “from … to”
Thanks for your Help
Lorenzo