Códigos Fuente de CSS

Mostrando del 91 al 100 de 139 registros
Imágen de perfil
Val: 683
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Menu desplegable para moviles con CSS3 y HTML5


CSS

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 19 de Marzo del 2015 por xve
12.178 visualizaciones desde el 19 de Marzo del 2015
Aquí os muestro un sencillo ejemplo de como hacer un menú desplegable para ser utilizado en smartphones y tabletas.
El despliegue del menú se realiza con jquery

menu-movil-plegado

menu-movil-desplegado
Imágen de perfil
Val: 683
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Rotación de palabras con efecto con CSS3


CSS

Publicado el 2 de Marzo del 2015 por xve
2.605 visualizaciones desde el 2 de Marzo del 2015
En este simple código muestro como rotar un texto de forma vertical.
sin imagen de perfil

Menu de opciones


CSS

Publicado el 15 de Diciembre del 2014 por Matias
3.473 visualizaciones desde el 15 de Diciembre del 2014
Les traigo un excelente menú estático y elegante, realizado con css y html.
Pueden verlo en acción en la pagina http://www.paginasweb-sistemas.com.ar

menu
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 animar un height 0px a height:auto utilizando transition de CSS3


CSS

Publicado el 26 de Agosto del 2014 por Xavi
3.114 visualizaciones desde el 26 de Agosto del 2014
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 1 de Agosto del 2014 por Administrador
8.773 visualizaciones desde el 1 de Agosto del 2014
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
Val: 663
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Ejemplo del movimiento de un div con transition de css3


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 24 de Junio del 2014 por Xavi
9.713 visualizaciones desde el 24 de Junio del 2014
Ejemplo de la utilización de transition con CSS3 al pasar el ratón por encima de una imagen.
Imágen de perfil
Val: 663
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Ejemplo de una web responsive


CSS

estrellaestrellaestrellaestrellaestrella(27)
Publicado el 13 de Junio del 2014 por Xavi
99.262 visualizaciones desde el 13 de Junio del 2014
Simple código que muestra como hacer una web responsive a varias resoluciones de pantalla.
Imágen de perfil
Val: 663
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Recortar un texto y poner puntos suspensivos con CSS3


CSS

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 4 de Abril del 2014 por Xavi
20.855 visualizaciones desde el 4 de Abril del 2014
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
Val: 663
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Ejemplo de la utilización de columnas con CSS3


CSS

Publicado el 13 de Noviembre del 2013 por Xavi
4.074 visualizaciones desde el 13 de Noviembre del 2013
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
Val: 663
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Mostrar y ocultar un elemento utilizando el evento hover de CSS


CSS

estrellaestrellaestrellaestrellaestrella(17)
Publicado el 27 de Septiembre del 2013 por Xavi
105.261 visualizaciones desde el 27 de Septiembre del 2013
Simple ejemplo que muestra como utilizar el estilo :hover para mostrar un div oculto sin utilizar javascript