7

When a spoiler blockquote contains text, the text transitions in smoothly using a CSS transition. If it contains an image, the transition is abrupt.

I've shared a brief animated gif of the transition as-is

If the CSS were changed from:

.spoiler:hover img {
    visibility: visible;
}
.spoiler img {
    visibility: hidden;
}

to:

.spoiler:hover img {
    opacity: 1;
}
.spoiler img {
    opacity: 0;
    transition: opacity 0.5s ease-in;
}

The image transition would be much smoother.

Live example:

this is a test this is only a test
placeholder image

  • 5
    Took the liberty to add the live example here, so that we can see it happening. – Shadow The Princess Wizard Nov 19 '14 at 19:47
  • Inline code too. – bjb568 Nov 20 '14 at 0:14
  • "Viewing this content requires Adobe Flash Player. You can download Adobe Flash Player from get.adobe.com/flashplayer." Grr, why can't you just add a GIF? :P – Doorknob Jan 19 '15 at 3:20
  • @Doorknob, ...because I already had Jing, and I didn't have a tool for recording to GIF. I've updated the video links to GIFs. – zzzzBov Jan 19 '15 at 14:49
  • @zzzzBov My comment was more tongue-in-cheek than anything, but thanks anyway. – Doorknob Jan 19 '15 at 15:40
  • @Doorknob, I thought you were the one who downvoted me on this one, figured I'd take the opportunity to improve it. – zzzzBov Jan 19 '15 at 16:32
  • @zzzzBov Ah, in fact I've already upvoted this. :) – Doorknob Jan 19 '15 at 16:35
4

What, the annoyingly slow transition when showing spoilers is a feature, not a bug? Site designers and browser implementers, why are you deliberately making me suffer?

So, counter-feature-request: make the transition on text in spoilers instantaneous, like it's done for images.

  • I think a faster transition (2-300ms) would look a little nicer, but I don't think we should get rid of it altogether. – zzzzBov Nov 20 '14 at 0:44
  • 5
    I think that having spoilers fade in slowly is a useful feature - it gives you a (short) window of time in which you can realize that you have accidentally moused over something you didn't mean to mouse over, allowing you to avert your eyes or move your mouse elsewhere or something. – senshin Dec 20 '14 at 1:00
  • 1
    I am with Gilles on this - slow transitions just make everything slower and more annoying on the internet. Please make it immediate. – Ro-Reinstate Monic-Alsop Jan 19 '15 at 9:00

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .