About Vadym

Thanks for reading!
[dinosaur peeking in from the right] Hey! I now have a newsletter! Come take a look.
You can also follow me on Twitter or Tumblr.

CSS-only reveal/frame comparison generator

Earlier this year, I made an image reveal/frame comparison generator for use with cohost!.

With website set to close at the end of this year, I have updated the tool to output that's easier to use outside of cohost!.

The idea is that you supply two image URLs, tweak a few settings, and get something like this back:

An image of the ct.js mascot, a sort of a blue blob-cat with an innocent smile
The same image, but the cat now has two knives 👀
?
Template by YellowAfterlife.
Dragging might not work with touch!

(if you are on iOS, resize-dragging is not currently supported - tap here for an animated preview)
An image of the ct.js mascot, a sort of a blue blob-cat with an innocent smile

And this works without any JavaScript!

The generator is available online, and in this post I go over how it works and what else it can do.

Continue reading