Vanilla JavaScript: Creating a Cool Pixelated Image Reveal Effect on Hover

Hi Guys,
Back with another video where we will be using the canvas to create a cool pixelated image reveal effect on hover using vanilla JavaScript.
Code here: github.com/conorbailey90/pixe...
Many thanks for watching and please subscribe for more content like this.
Conor

[@francescotrillini5226]

I’ve been into creative coding for awhile, and yes you’re the man to follow. Thank you for making these quality contents!

[@ConorBailey]

Thanks for your comment mate. Much appreciated

[@hellothere8547]

This is quality! Especially since it’s all vanilla!

[@Urdreamhomie]

Been digging for this kind of effect, thanks a lot and keep up the good work
Ps: You just got a new sub

[@thepalelady]

Thank you so much for these videos mate!

[@lkey7758]

Super! Keep up the good work! Some of the best lessons I've seen!

[@Frankslaboratory]

Great project Conor. Looking forward to watch and see how you did it

[@ConorBailey]

Thanks Frank! Glad to be back making vids. Hope all is well with you mate!

[@locypher]

time for a portfolio update. Thanks

[@merisimamovic965]

Dope. Need to try this. Thanks

[@shanermahmud1086]

Looks amazing, thanks for sharing :)

[@luishann3273]

thank you so much, this tutorial helped me build a web portfolio

[@pulinduvinnath1812]

Great video. Thank you !

[@wirandhikablogs]

awesomeee 😮
ThankYou so much for sharing

[@Lografix]

Love this! trying to find a way to get this into my Webflow site

[@hello-lc5rl]

thanks a lot online lecturer for the web design knowledge.
i wish u good health :)

[@user-kz7kf8pb9k]

maaaan, it's hot af😳🔥🔥
thx for your videos! :)

[@nkamsartist6678]

Thanks for the great content #Cornor #VanillaJS 😋😌✌

[@ConorBailey]

Thanks my friend! Appreciate you support

[@gregakuralt5345]

I am having trouble adding this to my project. When I add more sections the reveal effect doesn't work, but when it is only the reveal effect hover section it works. Does anyone know to fix this?

[@hellothere8547]

Any one figure out the IndexSizeError in safari? The error is at, ctx.drawImage(canvas, 0, 0, scaledWidth, scaledHeight, 0, 0, width, height)

[@onelook1870]

Hey can you create a trello clone tutorial??

[@alyohin]

doesn't work on safari(