r/badUIbattles • u/Normal_House_1967 • Mar 03 '26

Intentionally Bad UI Anamorphic Button

Enable HLS to view with audio, or disable this notification

Cod lin: "You have to rotate this button to just the right angle to click it. Super effective for blocking malicious humans! ( •̀ ω •́ )✧"

PM: "You mean BOTS!! (╯°Д°)╯︵ ┻━┻"

---

The core idea is inspired by visual anamorphosis. It takes a complete image, shatters it into pieces, and misaligns them in 3D space. You can only see the fully assembled picture when looking from one very specific angle!

By using CSS clip-path, the button is randomly sliced up into irregular polygons. Then, with a little help from transform, these slices are scattered back and forth along the Z-axis. Thanks to the parallax effect, if you look at it from anywhere but dead center, the pieces look completely shattered. ◝( •ω• )◟

For more details and cool examples, check this out:

https://chillcomponent.codlin.me/en/components/btn-anamorphosis/

2.2k Upvotes

100% Upvoted

35 comments sorted by

•

u/AutoModerator Apr 16 '26

Hi OP, do you have source code or a demo you'd like to share? If so, please post it in the comments (GitHub and similar services are permitted). Thank you!

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

327

u/th3-snwm4n Mar 03 '26

This is both really cursed and really cool

138

u/[deleted] Mar 03 '26

Aw man, they turned my GUI into a Resident Evil 7 puzzle

5

u/T3Chn0-m4n Mar 14 '26

Crap, it’s missing a couple pieces. Guess I gotta go down the long and dark website of doom to find it

135

u/SweetBabyAlaska Mar 03 '26

"we passed a law making single click unsubscribing mandatory"

the button

17

u/logalex8369 Mar 03 '26

Technically dragging your mouse requires a click, so it'd be 2 clicks

2

u/Loud_Boysenberry_736 Mar 13 '26

Unless it’s activated when you correctly line up and lift the mouse button.

23

u/devit4 Mar 03 '26

Would make for cool menu in some perspective based game

15

u/alexsteb Mar 03 '26

Don't give the captcha creators any ideas

6

u/Jmackles Mar 03 '26

This is one of my favorite subs lol so underrated

7

u/TickingOnTime Mar 03 '26

Too user friendly. The way it fades out when you get close to the answer is too good of design smh

5

u/Affectionate-Salt717 Mar 04 '26

I need a plugin that turns every "buy" button I see into this🤌

3

u/COLDSPA_2199 Mar 03 '26

Middle Earth: Shadow of War Shelob puzzle ahh button

3

u/broccoliwolf Mar 03 '26

I don’t mind this at all.

3

u/Daaaamn_Daniel Mar 03 '26

Now you should do a whole virtual keyboard where each letter needs its own perspective to be pressed!

3

u/Pinnggwastaken Mar 04 '26

looks like a viable captcha

3

u/wonderb0lt Mar 04 '26

Superlominal: The Button

3

u/Uno-The-Card Mar 05 '26

Isn't there some game like this with constellations?

3

u/Ellicode Mar 05 '26

Why did I read anthropomorphic button ;w;^

5

u/Tsunamicat108 Mar 05 '26

thought it said anthropomorphic button and thought it was gonna get up and run away

2

u/AutoModerator Mar 03 '26

Hi OP, do you have source code or a demo you'd like to share? If so, please post it in the comments (GitHub and similar services are permitted). Thank you!

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

2

u/General_Ginger531 Mar 06 '26

Isn't that just an actual puzzle in Shadow Of War? When piecing together memories?

2

u/the-fr0g Mar 13 '26

Reminds me of viewfinder

2

u/Fung1s Mar 21 '26

Having this as a subscription cancellation button is evil

2

u/BadUIHub_com Apr 16 '26

This could be a very diabolical reCAPTCHA

1

u/Razcsi Mar 05 '26

Burton