Códigos Fuente de CSS

Mostrando del 141 al 150 de 201 registros
Imágen de perfil
Val: 571
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Botón con efecto sombra


CSS

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 13 de Octubre del 2016 por Scriptshow (141 códigos) (Publicado el 8 de Octubre del 2016)
16.125 visualizaciones desde el 8 de Octubre del 2016
Utilizar una clase para conseguir un efecto sombra con relieve en objetos, elementos, etc.
Es muy sencillo y no precisa de librerías de terceros. Con una sola clase CSS3 y algo de estilo aplicado a un botón, así de simple.
Imágen de perfil
Val: 571
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Simple Reveal Background Scroll


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 8 de Octubre del 2016 por Scriptshow (141 códigos)
1.738 visualizaciones desde el 8 de Octubre del 2016
Simple código que permite un efecto reveal de fondos en puro CSS. Sin JavaScript, sin librerías; totalmente compatible con nuevos, antiguos navegadores y demás dispositivos. Adaptable con escasos cambios a diferentes proyectos.
Imágen de perfil
Val: 571
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Top Menu Responsive


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 4 de Octubre del 2016 por Scriptshow (141 códigos)
5.422 visualizaciones desde el 4 de Octubre del 2016
Un sencillo menú horizontal compatible con la mayoría de dispositivos y navegadores actuales.

Con muy pocas líneas de código, se pueden conseguir atractivos efectos.
Imágen de perfil
Val: 560
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Utilización de sprites con CSS3 manteniendo el title (tag) de la imagen


CSS

Actualizado el 11 de Abril del 2016 por Xavi (548 códigos) (Publicado el 6 de Septiembre del 2013)
4.645 visualizaciones desde el 6 de Septiembre del 2013
La utilización de sprites, es una técnica para mejorar la velocidad de carga de las páginas webs. Esta técnica consiste en colocar en una sola imagen todo el conjunto de imágenes que vayamos a utilizar en nuestra web, para luego ir cogiendo la parte de la imagen que necesitemos mostrar.
Funciona en todos los navegador a excepción de IE8 y anteriores.
Imágen de perfil

Centrar un div


CSS

estrellaestrellaestrellaestrellaestrella(14)
Actualizado el 10 de Noviembre del 2015 por Administrador (718 códigos) (Publicado el 27 de Octubre del 2007)
269.414 visualizaciones desde el 27 de Octubre del 2007
Código que muestra como centrar un div en el centro de la pantalla, tanto verticalmente como horizontalmente.
Probado en IE 5,6,7, Firefox 2 y Opera 9.
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)
14.244 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.