Códigos Fuente de CSS

Mostrando del 71 al 80 de 201 registros
Imágen de perfil
Val: 571
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Efecto Reveal con CSS


CSS

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 24 de Octubre del 2019 por Scriptshow (138 códigos) (Publicado el 3 de Septiembre del 2017)
1.572 visualizaciones desde el 3 de Septiembre del 2017
Un efecto Reveal con CSS aplicado a pequeñas imágenes de fondo...
Al actuar sobre el Scroll, van apareciendo las imágenes colocadas de fondo en cada sección. Se pueden añadir secciones e imágenes con igual o distinto tamaño, cambiar las existentes, etc.

Un saludo
Imágen de perfil
Val: 870
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Rango personalizado


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 21 de Octubre del 2019 por Joel (150 códigos)
889 visualizaciones desde el 21 de Octubre del 2019
Este simple códgo muestra como se puede modificar el diseño de un input type="range"

Se utiliza javascript para mover el fondo de color.
Se muestra como modificar el contenido de ::after utilizando dataset.

rango-personalizado
Imágen de perfil
Val: 181
Bronce
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Poner dos o tres imágenes de fondo de pantalla


CSS

Publicado el 9 de Octubre del 2019 por Joan (121 códigos)
1.050 visualizaciones desde el 9 de Octubre del 2019
En esta código se muestra como utilizar dos y tres imágenes de fondo de pantalla.

Un fondo de 430x520 píxeles fijada en el centro, una segunda imagen fijada en la derecha/abajo del navegador y la otra de 1x2 píxeles que se repite por todo el fondo de la pantalla.

background-images
Imágen de perfil
Val: 870
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Dibujar el contorno de un circulo con CSS


CSS

Publicado el 20 de Septiembre del 2019 por Joel (150 códigos)
2.883 visualizaciones desde el 20 de Septiembre del 2019
En este código se muestra una simple manera de dibujar el contorno de un circulo con CSS.

contorno-circulo-css


En este código se utiliza el ::before para dibujar un circulo mas pequeño en el interior.
Imágen de perfil
Val: 870
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

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.082 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
Val: 870
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

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.435 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().