Learn how to use Javascript and Animate.css with a custom HTML range slider to reveal images based on the sliderโ€™s current value.

โฐ TIMESTAMPS โฐ

Figma and SVG overview: 1:01

Create the project: 2:56

HTML overview: 4:14

Animate.css overview: 4:35

Live Server overview: 7:27

CSS overview: 8:23

Javascript overview: 9:40

๐Ÿ‘€ LIVE DEMO ๐Ÿ‘€

https://5v4uy.csb.app/

๐Ÿ—‚ DOWNLOADS ๐Ÿ—‚

https://gum.co/XIwnx

๐Ÿ”— HELPFUL RESOURCES ๐Ÿ”—

Visual Studio Code: https://code.visualstudio.com/

Live Server: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

#Javascript #WebDevelopment #Code #HTML

#javascript #html

Image Reveal with HTML Range Slider - Javascript Project for Beginners
1.40 GEEK