Utilizamos cookies propias y de terceros para mejorar la experiencia de navegación, y ofrecer contenidos y publicidad de interés.
Al continuar con la navegación entendemos que se acepta nuestra política de cookies.

Códigos Fuente de CSS

Mostrando del 1 al 10 de 59 registros
<<>>
Imágen de perfil

Dibujar una flecha con html y css


CSS

estrellaestrellaestrellaestrellaestrella
Publicado el 21 de Julio del 2015 por xve
770 visualizaciones desde el 21 de Julio del 2015
Este código muestra como dibujar una flecha hacia la derecha, izquierda, abajo y arriba con HTML y CSS3 sin utilizar ninguna imagen.

flechas-html-css
Imágen de perfil

Menu desplegable para moviles con CSS3 y HTML5


CSS

estrellaestrellaestrellaestrellaestrella
Publicado el 19 de Marzo del 2015 por xve
1.829 visualizaciones desde el 19 de Marzo del 2015. Una media de 98 por semana
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

Rotación de palabras con efecto con CSS3


CSS

estrellaestrellaestrellaestrellaestrella
Publicado el 02 de Marzo del 2015 por xve
920 visualizaciones desde el 02 de Marzo del 2015. Una media de 49 por semana
En este simple código muestro como rotar un texto de forma vertical.

Menu de opciones


CSS

estrellaestrellaestrellaestrellaestrella
Publicado el 15 de Diciembre del 2014 por Matias
948 visualizaciones desde el 15 de Diciembre del 2014. Una media de 35 por semana
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

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


CSS

estrellaestrellaestrellaestrellaestrella
Publicado el 26 de Agosto del 2014 por Xavi
989 visualizaciones desde el 26 de Agosto del 2014. Una media de 21 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
3.057 visualizaciones desde el 01 de Agosto del 2014. Una media de 63 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.

Ejemplo del movimiento de un div con transition de css3


CSS

estrellaestrellaestrellaestrellaestrella
Publicado el 24 de Junio del 2014 por Xavi
2.598 visualizaciones desde el 24 de Junio del 2014. Una media de 49 por semana
Ejemplo de la utilización de transition con CSS3 al pasar el ratón por encima de una imagen.

Ejemplo de una web responsive


CSS

estrellaestrellaestrellaestrellaestrella(5)
Publicado el 13 de Junio del 2014 por Xavi
7.479 visualizaciones desde el 13 de Junio del 2014. Una media de 133 por semana
Simple código que muestra como hacer una web responsive a varias resoluciones de pantalla.

Recortar un texto y poner puntos suspensivos con CSS3


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 04 de Abril del 2014 por Xavi
3.263 visualizaciones desde el 04 de Abril del 2014. Una media de 49 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.

Poner botones encima de una imagen


CSS

estrellaestrellaestrellaestrellaestrella
Publicado el 24 de Enero del 2014 por Xavi
5.771 visualizaciones desde el 24 de Enero del 2014. Una media de 77 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.
|< << 1 23456>>>|