This is probably the funniest Codepen I found this year!

This is rather a short post but I find this codepen by Bård N Hovde so awesome that I must share it with you:

Amazing what you can do with JavaScript and CSS, agree?

Please leave a comment if you like this as well or managed to hit the button. Also don't forget to follow me here and on Twitter for more upcoming posts!

Comments

[Andrew (he/him)]

That's awesome!

[Simon Holdorf]

It is, right?

[Konstantin Meiklyar]

Amazing!

[Ehsan Azizi]

That was fantastic!

[negue]

Hehe quite awesome!

[Tolgahan ÜZÜN]

heheh 😅 it's funny

[Chris Achard]

Ha, I saw this other day - it's fantastic :)

For anyone looking in the code for the 'trick' (of hiding the mouse), it's done by setting the cursor in JS on this line:

const screenStyle = cursorGrabbed ? { cursor: "none" } : {};

and then the fake mouse pointer is part of the hand graphic. Brilliant!

[SavagePixie]

Oh, so there is a cursor trick! I've seen it on my mobile, where you can obviously just tap on things, so I hadn't caught on this feature.

[sanjaysupanch]

oSM

[Cadu de Castro Alves]

That's very funny!

[Ross Coundon]

Love it, very clever :-D

[Gherciu Gheorghe]

:) amazing

[Mike Lim]

hoho that's awesome dudeeeeee

[Mike Lim]

hahaha very funny ^{_^}

[Thomas Bnt ☕]

Funny!

[gabmen1711]

Hahahaha awesome!

[CamCode]

Amazing!!! I like the "effect" on button :)

[Santhosh Kumar]

hahah, clever!