Códigos Fuente de CSS

Mostrando del 151 al 160 de 203 registros
Imágen de perfil
Val: 624
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Poner un vídeo de youtube encima de una imagen


CSS

estrellaestrellaestrellaestrellaestrella(6)
Publicado el 22 de Octubre del 2015 por Xve (294 códigos)
15.841 visualizaciones desde el 22 de Octubre del 2015
Este código posiciona un vídeo de youtube encima de una imagen de un monitor, simulando que el vídeo se emite desde una pantalla dentro de la web.

youtube-over-image


Este código lo he desarrollado para contestar una pregunta del foro de HTML.
Imágen de perfil
Val: 624
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

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


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 9 de Agosto del 2015 por Xve (294 códigos)
5.477 visualizaciones desde el 9 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
Val: 624
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Dibujar una flecha con html y css


CSS

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 21 de Julio del 2015 por Xve (294 códigos)
24.388 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
sin imagen de perfil

Menu de opciones


CSS

Publicado el 15 de Diciembre del 2014 por Matias
4.910 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: 560
Plata
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 (548 códigos)
4.342 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 (718 códigos)
10.540 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.