I’m setting up a small screen displaying my currently scrobbling music, but as the Scrobbler module hides itself when nothing is playing, I thought it might be nice to show an image (my artist cloud generated by this wonderful tool for the curious). I have both modules working just fine separately, but it’d be dope if I could get the Scrobbler module to hide the Images Module when it wants to be active. This seems like something I should be able to so with the Remote Control/ModuleScheduler/Profile Switcher modules, but I just can’t quite figure it out.

@pyrosmiley Not sure if you’ve been following but there is an issue with Magic Mirror 2.2.0 and Electron 1.7.6 that is triggered runaway CPU usage under no load, and it goes through the roof under any animated transitions. Any visual transitions struggle to animate – sounds like it might be what you’re experiencing… See this thread for me details: https://forum.magicmirror.builders/topic/4684/electron-cpu-usage/156?page=16 TL;DR: The solution seems to be to downgrade to MM 2.1.0 and Electron 1.4.15. Maybe give that a try to see if your performance improves.

I actually just made a comment explaining how I managed to get a CSS gradient in the background and not just the margins, but I’m still not quite where I want to be. I’m working on a vertical display board for the side of my fridge instead of a mirror, and it would be absolutely killer to have a slowly scrolling gradient, like the ones generated here and here (along with, I’m sure, a ton of other places!). My issue is though, while I can generate a static gradient that looks nice enough, I cannot for the life of me get it to animate. I have no idea why. Is this type of CSS animation just not doable in the MM framework, do I have to put it in its own <div> or something? I have no idea. Here’s the relevant part of my custom.css file: .region.fullscreen.below { background: linear-gradient(208deg, #235182, #196586); -webkit-animation: gradient 30s ease infinite; animation: gradient 30s ease infinite; @-webkit-keyframes gradient { 0%{background-position:25% 0%} 50%{background-position:76% 100%} 100%{background-position:25% 0%} } @keyframes gradient { 0%{background-position:25% 0%} 50%{background-position:76% 100%} 100%{background-position:25% 0%} } } I’m not entirely sure what they do or what they’re called, but I’ve tried this with the @keyframes part inside and outside the .region element, above and below. Still nothing. :shruggie: If it’s possible, it seems like it’d be super cool. Maybe I could try and put it in a module based on the MMM-ProfilePicture module that I’ve been using until recently? Sorry if this is a dumb and obvious question, and also thanks!