#16a085

[coddinghubit]

Simple Flat Html5 and CSS3 Range Slider - Code it hub

Author: alexsafayan Views Total: 14,099 views Official Page: Go to website Last Update: July 19, 2014 License: MIT Preview: Description: Converts Html5 input type=range into a nice flat styled range slider built on top of pure CSS/CSS3. Created by AlexSafayan. How to use it: Create a standard Html5 range input in your document. The CSS to style the range input as a range slider. input { -webkit-appearance: none; width: 160px; height: 20px; margin: 10px 50px; background: linear-gradient(to right, #16a085 0%, #16a085 100%); background-size: 150px 10px; background-position: center; background-repeat: no-repeat; overflow: hidden; outline: none; zoom: 130%; display: block;…

[thecodemaking]

Simple Flat Html5 and CSS3 Range Slider - Code it hub

Author: alexsafayan Views Total: 14,099 views Official Page: Go to website Last Update: July 19, 2014 License: MIT Preview: Description: Converts Html5 input type=range into a nice flat styled range slider built on top of pure CSS/CSS3. Created by AlexSafayan. How to use it: Create a standard Html5 range input in your document. The CSS to style the range input as a range slider. input { -webkit-appearance: none; width: 160px; height: 20px; margin: 10px 50px; background: linear-gradient(to right, #16a085 0%, #16a085 100%); background-size: 150px 10px; background-position: center; background-repeat: no-repeat; overflow: hidden; outline: none; zoom: 130%; display: block;…