Códigos Fuente de CSS

Mostrando del 81 al 90 de 162 registros
Imágen de perfil
Val: 432
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Dividir la zona visible del navegador


CSS

Publicado el 6 de Marzo del 2018 por Scriptshow (138 códigos)
912 visualizaciones desde el 6 de Marzo del 2018
Código para dividir en secciones proporcionales la zona visible del navegador web. Sólo precisa unas líneas de CSS y HTML. No utiliza Tablas.

Es compatible, responsable, simple, etc.

Un saludo

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

Grid + Intro utilizando CSS


CSS

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 22 de Febrero del 2018 por Scriptshow (138 códigos) (Publicado el 26 de Enero del 2018)
1.987 visualizaciones desde el 26 de Enero del 2018
GRID + INTRO es un experimento UI / UX basado en CSS Compatible. El resultado es un diseño de aspecto similar a "metro".

Puede utilizarse como página de inicio para navegar por otros contenidos. Tienes varias opciones realizando pequeños cambios: añadir imágenes, vídeos, etc. que guarden una proporción lógica. Es ampliable, compatible, adaptable a proyectos...

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

Menú - CSS Focus Hover Efectos


CSS

Publicado el 4 de Febrero del 2018 por Scriptshow (138 códigos)
2.432 visualizaciones desde el 4 de Febrero del 2018
Menú realizado en puro CSS Compatible. Varios efectos posibles con eventos del mouse, sin JavaScript...

Veamos el código del ejemplo.
Imágen de perfil
Val: 591
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Redimensionar un div que esta entre dos divs según la anchura de su contenedor


CSS

Publicado el 21 de Enero del 2018 por Xavi (532 códigos)
1.000 visualizaciones desde el 21 de Enero del 2018
Este código muestra como un div que se encuentra entre dos divs, se adapta en anchura según la anchura total del contenedor de ellos. Este div lleva en su interior un input para visualizar el efecto y mostrar el ejemplo.

div-se-adapta-en-anchura
Imágen de perfil
Val: 591
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Redimensionar un div en altura dependiendo de la altura de su contenedor


CSS

Publicado el 16 de Enero del 2018 por Xavi (532 códigos)
3.586 visualizaciones desde el 16 de Enero del 2018
Este código muestra como el div que se encuentra entre la cabecera y pie de pagina se adapta en altura según el tamaño especificado por el contenedor. Ver la linea roja que ocupa toda la altura menos el tamaño de la cabecera y pie de pagina.

div-se-adapta-en-altura
Imágen de perfil
Val: 591
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Ejemplo de movimiento de un div de abajo hacia arriba con transition de css3


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 2 de Enero del 2018 por Xavi (532 códigos)
3.014 visualizaciones desde el 2 de Enero del 2018
Este código es una modificación del código ya publicado (https://www.lawebdelprogramador.com/codigo/CSS/2702-Ejemplo-del-movimiento-de-un-div-con-transition-de-css3.html), el cual muestra como sube una capa de abajo hacia arriba al pasar el ratón por encima de la imagen.

transition
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 Parallax Reveal con CSS


CSS

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 9 de Septiembre del 2017 por Scriptshow (138 códigos) (Publicado el 19 de Agosto del 2017)
2.937 visualizaciones desde el 19 de Agosto del 2017
Una combinación de efectos Parallax y Reveal para presentar todos los contenidos desplazando la barra de Scroll. No utiliza JavaScript.

La estructura es HTML y CSS adaptable, compatible con cualquier pantalla y/o dispositivo.

Espero sea útil.

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

Listas con imagenes


CSS

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 9 de Septiembre del 2017 por Xavi (532 códigos) (Publicado el 4 de Marzo del 2012)
26.320 visualizaciones desde el 4 de Marzo del 2012
Sencillo código que muestra como poner una imagen en una lista de html <ul><li>.
NOTA: Para probarlo, hay que disponer de una imagen denominada "arrow.png" en la misma carpeta que el código html.

listas-con-imagenes
Imágen de perfil
Val: 658
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Cambiar el color de fondo utilizando transition de css3


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 7 de Septiembre del 2017 por Xve (282 códigos)
4.405 visualizaciones desde el 7 de Septiembre del 2017
Este simple ejemplo ,muestra como cambiar el color de fondo de un elemento utilizando transition de CSS3
Imágen de perfil
Val: 432
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

C R O S S B R O W S E R S - para - TOD@S


CSS

Actualizado el 24 de Junio del 2017 por Scriptshow (138 códigos) (Publicado el 18 de Junio del 2017)
1.796 visualizaciones desde el 18 de Junio del 2017
La compatibilidad, mejor con TOD@S

Hazlo Tú mismo - D.Y.S.

Espero sea útil.

Un saludo