Códigos Fuente de CSS

Este ejemplo, muestra como mostrar un elemento (fadeIn) y esconderlo (fadeOn) utilizando el estilo animation con la opacidad.
Con Javascript añadimos o quitamos los estilos al elemento para que realice la animación.

Es un slider bootstrap css, es un codigo que no encontre en meses y la solucion era mas facil de lo que esperaba. dentro de todo este codigo lo que me interesa es el id="after" al final, que es lo que da tamaño al slider y lo deja fijo para que no se mueva lo que esta debajo.

Código que muestra como utilizando una página en HTML5 mostramos siempre el pie de página o footer en al parte de abajo del navegador.

Ejemplo del uso de gradient en la posición del ratón.

Como centrar y ajustar respetando las proporciones de un vídeo a distintas pantallas o dispositivos, con CSS Style compatible.

Espero sea útil.

Un saludo

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.

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.

En este código se muestra una simple manera de dibujar el contorno de un circulo con CSS.



En este código se utiliza el ::before para dibujar un circulo mas pequeño en el interior.

Siguiendo el ejemplo del código https://www.lawebdelprogramador.com/codigo/CSS/5537-Dibujar-el-contorno-de-un-circulo-con-CSS.html, en este solo se muestra media circunferencia.



En este código se utiliza el ::before para dibujar un circulo mas pequeño en el interior y el ::after para tapar la otra mitad del circulo.

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.



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