Mostrar los tags: aguja

Mostrando del 1 al 3 de 3 coincidencias
<<>>
Se ha buscado por el tag: aguja
Imágen de perfil

Indicador de mínimo y máximo con aguja


CSS

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 21 de Septiembre del 2019 por Joel (150 códigos)
3.081 visualizaciones desde el 21 de Septiembre del 2019
Aquí les muestro una manera de crear un indicador con mínimo y máximo utilizando únicamente CSS para crear el dibujo.
A diferencia del código: https://www.lawebdelprogramador.com/codigo/CSS/5542-Indicador-de-minimo-y-maximo-con-aguja-que-cambia-de-color.html, este no cambia el color de la aguja.
Se puede utilizar con % o un valor mínimo y máximo.

minimo-y-maximo-con-aguja


Se utiliza javascript para mover los grados de la aguja, la cual se gira con CSS utilizando transform:rotate().
Imágen de perfil

Indicador de mínimo y máximo con aguja que cambia de color


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 21 de Septiembre del 2019 por Joel (150 códigos)
1.434 visualizaciones desde el 21 de Septiembre del 2019
Aquí les muestro una manera de crear un indicador con mínimo y máximo utilizando únicamente CSS para crear el dibujo.
A diferencia del código: https://www.lawebdelprogramador.com/codigo/CSS/5543-Indicador-de-minimo-y-maximo-con-aguja.html, en este la aguja va cambiando de color de verde a rojo según su valor.
Se puede utilizar con % o un valor mínimo y máximo.

minimo-y-maximo-con-aguja


Se utiliza javascript para mover los grados de la aguja, la cual se gira con CSS utilizando transform:rotate().