Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

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?
Sign In or Register to comment.