range.css delivers a very easy to use method of creating and previewing your HTML5 range input sliders.
Developers can utilize the app's Web-based interface to easily adjust the slider's settings one by one, automatically having the proper CSS code outputted on the right side.
This code can then be copy-pasted into other applications and produce the same looking effect for those range slider elements.
If fine tuning a drag slider might be a little bit too much work for your crowded schedule, range.css also comes with a few ready-made themes as well.
Customizable settings:
- Thumb Color
- Thumb Height
- Thumb Width
- Thumb Radius
- Thumb Border Color
- Thumb Border Width
- Thumb Shadow Color
- Thumb Shadow Size
- Thumb Shadow Blur
- Track Color
- Track Height
- Track Edge Softness
- Track Border Width
- Track Border Color
- Track Shadow Color
- Track Shadow Size
- Track Shadow Blur
- Range Slider Contrast
- CSS Namespace
What is new in this release:
- Reduce default margin
- Increased support for IE somewhat
- Added new directive
Requirements:
- JavaScript enabled on client side
Comments not found