Works nicely, except the truck “leaves” the icon and enters from outside of the icon. Can’t figure out, how to fix that, in the demo at the top of the page, it worked just fine. The truck should stay within the bounds of the icon (red circle)!
Anyway, if nothing else or simpler comes up, you could try it via a script. Set the tap_action to call a script, where you can have as many actions/service calls as you want. Would be in this case the action you want to call by pushing the button, and afterwards you can call the browser_mod.close_popup service to, yeah, close the popup.
@rhysb Im following you’re great animations guide that you made and am trying to use it to apply a lightbulb animation when the light is toggled on, problem I’m facing is the toggle is obviously fast so its not enough time for it to play the animation.
Any way around this? I tried speeding it up a little but didn’t work.
I know everyone is posting about this, and previous edit of my cardmod animations seemed to work based on suggestions here. But now not anymore and there are so many posts I cannot figure it out anymore.
Perhaps someone can help me directly. I have a LOT of not working animations. Neither on browser or in the iOS app since Mushroom’s update. All are formatted the same so if someone can suggest something to fix mine I can prob. apply them to all.
Hope this doesn’t sound bad, but is it worth revering the change in Mushroom for whom mainaints it? As I just see endless posts of people now stuck who use Cardmod for animations. Just an open question without any mall-content or anything ment by it.
Thank you! That did the trick! Can I ask you for one more? I also have some animations on the shape’s themselves. I tried to adapt those with the same idea. removing the – to either shape-animation or animation but no success yet. I’m way to rusty with css (been 5+ years prob) and kind of stuck in the ‘I can read it and copy/paste it, but not fix complex things anymore’ phase I did have I think over 50 animations in my dashboard (mainly warnings if a battery runs out or if it’s charging the icon changes and becomes animated). I may have once gone a bit overboard there. It seems I fixed them all now.
My comment about perhaps keep supporting ‘the old way’ was mainly based on seeing how many people run into it, not the size of the change itself. It just seems to have impacted a lot of people. And there are some really nice examples on this forum that are now all not working anymore. If people are like me (can copy/paste complex css, find it on the forum - but these days lack the skill & time to really get what it says) it could be helpfull. But in noway complaining about mushroom, the change, etc. I fully understand it.
first post and immediately a strange problem where I hope for your help. I am currently familiarizing myself with Home Assistant and stumbled across Mushroom Cards.
I am still learning and trying out, but have now stumbled across a behavior that I have not yet found anything about - so I suspect I am doing something wrong.
No matter if I use my own template card or e.g. also the welcome card from @rhysb the following happens:
The page loads and then I still see how the individual CSS commands / formatting are applied (e.g. when a button becomes “round”).
I think the reason is card_mod or the interaction with card mod - but perhaps anybody of you have a solution. Because so it looks really weird on Browser and mobile App
@dimitri.landerloos i also read your guide for card_mod - perhaps you can give a hint, what i am doing wrong ?
Mind sharing the code? 
