Códigos Fuente de CSS

Mostrando del 1 al 10 de 139 registros
<<>>
sin imagen de perfil
Val: 10
Ha aumentado su posición en 66 puestos en CSS (en relación al último mes)
Gráfica de CSS

Slider con imagenes diferente tamaño o altura


CSS

Actualizado el 5 de Diciembre del 2019 por LEONARDO (Publicado el 4 de Diciembre del 2019)
159 visualizaciones desde el 4 de Diciembre del 2019
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.
Imágen de perfil
Val: 663
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Como poner el pie de página al final de página con HTML5 y CSS


CSS

estrellaestrellaestrellaestrellaestrella(9)
Actualizado el 25 de Noviembre del 2019 por Xavi (Publicado el 26 de Diciembre del 2013)
154.534 visualizaciones desde el 26 de Diciembre del 2013
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.
Imágen de perfil
Val: 200
Bronce
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Efecto gradient al mover el ratón sobre un elemento


CSS

Publicado el 21 de Noviembre del 2019 por Joan
585 visualizaciones desde el 21 de Noviembre del 2019
Ejemplo del uso de gradient en la posición del ratón.

brillo-en-el-raton
Imágen de perfil
Val: 394
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 (Publicado el 3 de Septiembre del 2017)
1.167 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: 394
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Centrar y Ajustar Imagen con métodos básicos de CSS


CSS

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 22 de Octubre del 2019 por ScriptShow (Publicado el 5 de Marzo del 2017)
16.162 visualizaciones desde el 5 de Marzo del 2017
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
Imágen de perfil
Val: 394
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Vídeo centrado y ajustado proporcional, con CSS Style


CSS

Actualizado el 22 de Octubre del 2019 por ScriptShow (Publicado el 14 de Septiembre del 2017)
1.806 visualizaciones desde el 14 de Septiembre del 2017
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
Imágen de perfil
Val: 363
Plata
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
581 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: 200
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
586 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: 200
Bronce
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Vídeo como fondo de página con CSS


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 8 de Octubre del 2019 por Joan
668 visualizaciones desde el 8 de Octubre del 2019
En este código se muestra como mediante CSS ponemos un vídeo como fondo de pántalla.

video-como-fondo-pantalla
Imágen de perfil
Val: 363
Plata
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
605 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.