Fade in transition for L's replace macros?

So, I'm using the macros here, specifically timedinsert right  now. If I understand the CSS correctly, it's supposed to have a fade in transition, but it doesn't.

The CSS:

.revision-span-in {
opacity: 0;
}
.revision-span:not(.revision-span-out) {
transition: 1s; -webkit-transition: 1s;
}
.revision-span-out {
position:absolute;
opacity: 0;
}

Am I wrong? How can I get the timedinsert text to fade in?

Comments

  • I find the fade-in with this CSS works perfectly in Chrome, and sparodically in Firefox.

    However! You can make it work every time in Firefox by adding a 10ms <<timedcontinue>> before each intended transition. I did this with <<timedcontinue>>, I haven't used <<timedinsert>> myself but hopefully you can do the same thing?

    To give an example, I'd do this every time:

    <<timedcontinue 10ms>><<timedcontinue 3s>>

    If I wanted a 3 second delay with a guaranteed fade-in. Sorry if I got the syntax wrong.
  • Actually, I can use timedcontinue for what I'm doing, and your work-around works! Thank you!

    Edit: I spoke too soon. It's working some of the time. :/
  • That's annoying. Are you using Firefox?