Pudl

30 | Bi | EE | Chronically Online

posts from @Pudl tagged #css crimes

also: #css crime

YellowAfterlife
@YellowAfterlife

Web: https://yal.cc/tools/cohost/reveal-generator/

Here's what you get:

👀
?
Template by YellowAfterlife.
Dragging might not work with touch!

So you have two images and you reveal the second one by dragging a handle or clicking/tapping on the corner button (since it can be hard to tap+hold the right spot on mobile).

In existing media I've mostly seen this used for before/after pictures in marketing, but I think there's more to explore here - for example, you could let the reader compare day/night versions of a scene, or add knifes details to an existing image.

You can also choose the direction for the effect, or stick to a button reveal:

👀
👀
👀
🍴

Colors, labels, etc. are customizable so you should be able to do plenty things with this even if you have minimal knowledge of CSS+HTML.

Have fun!


YellowAfterlife
@YellowAfterlife

Added a checkbox to make output easier to use on your own websites and wrote a post about how this works:


@Pudl shared with:


cass
@cass

fourth avenue / ninth street on the F/G this evening

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
4 Avenue/9 Street
Station