range-input-palooza

Using HTML, CSS and Javascript to make range inputs more fun!

Range inputs can be a bit tricky here are some examples of using HTML, CSS and Javascript to change them up a bit !

The Stack - HTML CSS, JS Bootstrap 5

Since it is 2023 using the Pantone Textile Cotton color of the year Viva Magenta Color HEX #BB2649 / RGB (187, 38, 73)/rgba(187, 38, 73, 1)

Viva Magenta rgba(65, 203, 170, 0.1)

Viva Magenta inverted #41cbaa /rgb(65, 203, 170)/ rgba(65, 203, 170, 1)

Viva Magenta inverted rgba(65, 203, 170, 0.1)

Viva Magenta grayscale #797979 /rgb(121, 121, 121)/ rgba(121, 121, 121, 1)

Viva Magenta grayscale rgba(121, 121, 121, 0.1)

Mighty Slate HEX #566270 / RGB(85,98,112)/rgba(86, 98, 112, 1)