I posted this question a few days ago, but I'm not sure it ever actually made it anywhere because my profile says I've asked no questions. If it did, I apologize in advance.
I'm trying to use different background images in different sections of my Twine 2 game. This is pretty easy using tags, but I can't get the transition to work. I'm using this code in my CSS section:
-webkit-transition: background-image 2s ease-in;
transition: background-image 2s ease-in;
-moz-transition: background-image 2s ease-in;
... which works perfectly in the Twine preview, but doesn't do anything at all in a browser.
I read somewhere that webkit doesn't work anymore and to use @supports instead. I tried a variation of this, but it didn't work either.
So, long story short: how can I get background images to fade in and out?
Thanks in advance!