Códigos Fuente de CSS

Mostrando del 31 al 40 de 82 registros
Imágen de perfil

Como animar un height 0px a height:auto utilizando transition de CSS3


CSS

Publicado el 26 de Agosto del 2014 por Xavi
2.117 visualizaciones desde el 26 de Agosto del 2014. Una media de 14 por semana
Código que muestra como utilizar una transición de un height:0px; a un height:auto; utilizando transition de CSS3.

Para que funcione correctamente, en vez de utilizar height, utilizaremos max-height, de esta manera únicamente cogerá el tamaño necesario, que seria lo mismo que utilizar height:auto;
Imágen de perfil

Menú desplegable con efecto en CSS3 para nuestra web con responsive


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 01 de Agosto del 2014 por Administrador
6.286 visualizaciones desde el 01 de Agosto del 2014. Una media de 42 por semana
Menú utilizado para las paginas web que necesitan implementar un menú que aparezca y desaparezca cuando nuestra web esta en responsive para utilizar en un móvil o tablet.
Este código de CSS3, muestra un recuadro el cual al ser pulsado se desplegará un menú hacia la derecha haciendo un simple efecto.
Imágen de perfil

Ejemplo del movimiento de un div con transition de css3


CSS

Publicado el 24 de Junio del 2014 por Xavi
6.432 visualizaciones desde el 24 de Junio del 2014. Una media de 42 por semana
Ejemplo de la utilización de transition con CSS3 al pasar el ratón por encima de una imagen.
Imágen de perfil

Ejemplo de una web responsive


CSS

estrellaestrellaestrellaestrellaestrella(16)
Publicado el 13 de Junio del 2014 por Xavi
49.149 visualizaciones desde el 13 de Junio del 2014. Una media de 301 por semana
Simple código que muestra como hacer una web responsive a varias resoluciones de pantalla.
Imágen de perfil

Recortar un texto y poner puntos suspensivos con CSS3


CSS

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 04 de Abril del 2014 por Xavi
12.414 visualizaciones desde el 04 de Abril del 2014. Una media de 77 por semana
En este simple código se muestra como recortar un texto de forma automática cuando es mas largo que su contenedor, y añade al final puntos suspensivos indicando que has mas texto que no se ha podido mostrar.
Imágen de perfil

Poner botones encima de una imagen


CSS

Publicado el 24 de Enero del 2014 por Xavi
14.617 visualizaciones desde el 24 de Enero del 2014. Una media de 84 por semana
Simple código que muestra como poner un botón de más y menos encima de una imagen y interactuar con ellos.
Utiliza jquery para el evento click.
Imágen de perfil

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


CSS

estrellaestrellaestrellaestrellaestrella(5)
Publicado el 26 de Diciembre del 2013 por Xavi
101.045 visualizaciones desde el 26 de Diciembre del 2013. Una media de 532 por semana
Código que muestra como utilizando una página en HTML5 mostramos siempre el pie de página en al parte baja del navegador.
Imágen de perfil

Ejemplo de la utilización de columnas con CSS3


CSS

Publicado el 13 de Noviembre del 2013 por Xavi
3.430 visualizaciones desde el 13 de Noviembre del 2013. Una media de 21 por semana
Ejemplo que muestra como utilizar las columnas con css3. Funciona en todos los navegadores excepto en versiones de IE inferiores a la 10.
Imágen de perfil

Mostrar y ocultar un elemento utilizando el evento hover de CSS


CSS

estrellaestrellaestrellaestrellaestrella(12)
Publicado el 27 de Septiembre del 2013 por Xavi
71.282 visualizaciones desde el 27 de Septiembre del 2013. Una media de 350 por semana
Simple ejemplo que muestra como utilizar el estilo :hover para mostrar un div oculto sin utilizar javascript
Imágen de perfil

Como cambiar el fondo, la imagen y el color del texto al pasar por encima de un div


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 11 de Septiembre del 2013 por Xavi
19.559 visualizaciones desde el 11 de Septiembre del 2013. Una media de 98 por semana
Ejemplo que muestra como cambiar una imagen, el color del fondo y el color del texto al pasar el ratón por encima de un div.