Range Input.css Save

Generate CSS to style range inputs that look consistent across all browsers

Project README

range-input.css 🎨


Logo

Generate CSS to style range inputs that look consistent across all browsers

View Demo 🏗️

About this Project ✨

🔖 To learn more, check out my Smashing Magazine article describing the quirkiness of the range input.

Range inputs have notoriously been a pain to style. Each browser renders the input differently requiring you to use vendor prefixes in order to create a cohesive look and feel. To speed up the process, I created this tool to make it easier for you to create custom range inputs that will look awesome and consistent across all browsers!

Built With 🛠️

  • Plain ol' HTML, CSS, and JS
  • MVP.css - Minimalist stylesheet for HTML elements

Contributing

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Alyssa Holland - @alyssa_codes - [email protected]

Project Link: https://github.com/Cool-Runningz/range-input.css

Open Source Agenda is not affiliated with "Range Input.css" Project. README Source: Cool-Runningz/range-input.css
Stars
32
Open Issues
1
Last Commit
5 months ago
License
MIT

Open Source Agenda Badge

Open Source Agenda Rating