Códigos Fuente de CSS

Mostrando del 21 al 30 de 162 registros
Imágen de perfil
Val: 136
Bronce
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Centrar un elemento horizonta y vertical con display:grid


CSS

Publicado el 11 de Enero del 2020 por Katas (12 códigos)
642 visualizaciones desde el 11 de Enero del 2020
Este código muestra como centrar un elemento verticalmente y horizontalmente utilizando el display:grid

centrar-elemento-grid
Imágen de perfil
Val: 136
Bronce
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Degradado al final de un scroll para mostrar que hay mas contenido


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 21 de Diciembre del 2019 por Katas (12 códigos)
685 visualizaciones desde el 21 de Diciembre del 2019
Agrega un degradado de desvanecimiento a un elemento que se desborda para indicar mejor que hay más contenido para desplazarse.

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

Mostrar un bocadillo o popup encima de una texto dado


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 20 de Diciembre del 2019 por Joel (124 códigos)
560 visualizaciones desde el 20 de Diciembre del 2019
Este código es una modificación del codigo que se encuentra en https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_popup para mostrar como podemos mostrar un popup o bocadillo encima de cualquier elemento.

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

Ejemplo de como mostrar y esconder un elemento con animation


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 20 de Diciembre del 2019 por Joel (124 códigos)
705 visualizaciones desde el 20 de Diciembre del 2019
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.
sin imagen de perfil
Val: 10
Ha disminuido su posición en 3 puestos en CSS (en relación al último mes)
Gráfica de CSS

Slider con imagenes diferente tamaño o altura


CSS

Publicado el 4 de Diciembre del 2019 por Leonardo
566 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: 591
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(11)
Actualizado el 25 de Noviembre del 2019 por Xavi (530 códigos) (Publicado el 26 de Diciembre del 2013)
166.050 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: 177
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 (77 códigos)
846 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: 432
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.334 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: 432
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(5)
Actualizado el 22 de Octubre del 2019 por Scriptshow (138 códigos) (Publicado el 5 de Marzo del 2017)
20.441 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: 432
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 (138 códigos) (Publicado el 14 de Septiembre del 2017)
2.103 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