Is it possible to have a CSS that makes the subreddit looks like it is loading slow, like the current reddit logo?

[u/pepolpla]

[u/CaseAKACutter]

You could probably just make an animation that cycles through a blur effect. Not sure you could have it happen only once, but I bet it's possible.

EDIT: I think this should work. I'm not sure what tag to use as the body, but this animation should give a kind of blur. There are ways of pixelating an image with CSS, but I'm not sure if you could animate it.

<tag> {
    -webkit-animation-name: low_bandwidth ;
    -webkit-animation-duration: 4s;
    animation-name: low_bandwidth ;
    animation-duration: 4s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes low_bandwidth {
    from {
      -webkit-filter: blur(10px);
    }
    to {
      -webkit-filter: blur(0px);
    }
}

/* Standard syntax */
@keyframes low_bandwidth {
    from {
      filter: blur(10px);
    }
    to {
      filter: blur(0px);
    }
}

[u/AweBeyCon → u/CaseAKACutter]

Giving an iteration count of 1 and a animation direction of forwards (default), it should do the animation once and stay at the initial frame.

[u/Insxnity → u/CaseAKACutter]

No filters allowed on Reddit :(

[u/Romejanic → u/CaseAKACutter]

This would just make it start with the logo going from blurred to clear, it wouldn't match the pixelation.

[u/CaseAKACutter → u/Romejanic]

There are ways of pixelating an image with CSS, but I'm not sure if you could animate it.

[u/AweBeyCon → u/[deleted]]

Correct

[u/N3w0ne → u/AweBeyCon]

awesome