Códigos Fuente de CSS

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.

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

Como centrar una imagen en cualquier dispositivo / pantalla de modo responsable con CSS compatible; sin pseudo clases, sin media query, sin calcular márgenes, sin importar el tamaño, etc.
El resultado es parecido al de aplicaciones de escritorio cuando redimensionamos la ventana.

Espero sea útil.

Un saludo

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 como mediante CSS ponemos un vídeo como fondo de pántalla.

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.