CSS Input Range Generator

CSS Input range generator allows you to style and generate the html input range tag. You can preview and copy or download the generated CSS code.

1Thumb Properties

Thumb Color ()

Thumb Height ()

Thumb Width ()

Thumb Radius ()

2Thumb Border

Thumb Border Color ()

Thumb Border Width ()

Thumb Shadow Color ()

Thumb Shadow Size ()

Thumb Shadow Blur ()

3Track Properties

Track Color ()

Track Height ()

Track Radius ()

4Track Border

Track Border Color ()

Track Border Width ()

Track Shadow Color ()

Track Shadow Size ()

Track Shadow Blur ()

Preview download

CSS Code copy


HTML Code copy