I built my own website with this fake 3D image effect with WebGL.
The original webGL source code
Homesite code:
HTML
Remember to link the app.js file at the end of body.
The div named gl is the position with webGL. You should have two images:original picture and map one.
How to edit the image in Photoshop?
Open PS Go to image →adjustment →gradient map…
You can select black/white mode or custom the gradient color,I picked grey here.
And here we have two pbackground images here.
Next, conclude the webGL files. lib and shades
And the motion effect will work.
👉Follow me for more useful web development content! love sharing🥰
