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 60 registros
<<>>
Imágen de perfil

Mostrar el contenido de un iframe utilizando un porcentaje de la pantalla


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 09 de Agosto del 2015 por xve
972 visualizaciones desde el 09 de Agosto del 2015
Como en la definición de un iframe no se puede poner un valor con porcentaje, aquí se muestra la manera de como hacerlo añadiendo el iframe dentro de un div.
Es muy útil para utilizar en diseños responsive.

Este ejemplo, muestra como utilizar dos iframes que ocupen el 20% y 80% de la pantalla.
Imágen de perfil

Dibujar una flecha con html y css


CSS

estrellaestrellaestrellaestrellaestrella
Publicado el 21 de Julio del 2015 por xve
1.091 visualizaciones desde el 21 de Julio del 2015. Una media de 175 por semana
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
2.110 visualizaciones desde el 19 de Marzo del 2015. Una media de 91 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
982 visualizaciones desde el 02 de Marzo del 2015. Una media de 42 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
1.004 visualizaciones desde el 15 de Diciembre del 2014. Una media de 28 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
1.052 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.235 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.786 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
8.402 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.566 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.
|< << 1 23456>>>|