Códigos Fuente de CSS

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

Agregar un enlace encima de nuestro vídeo


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 30 de Junio del 2018 por Xavi
687 visualizaciones desde el 30 de Junio del 2018. Una media de 98 por semana
Este simple código muestra como colocar un enlace encima de un vídeo que mostramos en nuestra página utilizando el tag de html5 <video>

enlace-encima-de-video
Imágen de perfil

Flecha en movimiento al poner el ratón encima


CSS

Actualizado el 21 de Junio del 2018 por Administrador (Publicado el 20 de Junio del 2018)
502 visualizaciones desde el 20 de Junio del 2018. Una media de 63 por semana
Este código muestra como mover las flechas hacia la derecha al poner el puntero del ratón encima del elemento.

fletcha-movimiento
Imágen de perfil

Parallax - Scrolling - Simple


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 02 de Junio del 2018 por ScriptShow
786 visualizaciones desde el 02 de Junio del 2018. Una media de 77 por semana
Basado en CSS, sin más, he aquí un efecto muy utilizado en los Sitios Web actuales.
Nada de librerías, nada frameworks, nada de bootstrap... Adaptable y compatible, Con escasos 2Kb. es posible.

¡Dale al Scroll y a la Imaginación!. Construye tu Sitio desde cero...


Un saludo
Imágen de perfil

Efecto cargando de Android en HTML5 y CSS


CSS

Publicado el 05 de Mayo del 2018 por Xavi
888 visualizaciones desde el 05 de Mayo del 2018. Una media de 63 por semana
Efecto cargando similar al de Android con HTML5, CSS y SVG

cargando-android
Imágen de perfil

Poner botones encima de una imagen


CSS

Actualizado el 25 de Abril del 2018 por Xavi (Publicado el 24 de Enero del 2014)
19.778 visualizaciones desde el 24 de Enero del 2014. Una media de 84 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.

botones-encima-imagen
Imágen de perfil

Centrar un texto verticalmente dentro de una lista <li> con imágenes


CSS

Publicado el 10 de Abril del 2018 por xve
918 visualizaciones desde el 10 de Abril del 2018. Una media de 56 por semana
Este simple código muestra como mostrar un texto centrado verticalmente dentro de una lista <li> con imágenes que se adapta al 100% de la anchura del navegador (pensado para smarthphone)

css-centrar-texto-con-imagen
Imágen de perfil

Centrar texto verticalmente dentro de una lista <li>


CSS

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 10 de Abril del 2018 por xve (Publicado el 07 de Abril del 2018)
801 visualizaciones desde el 07 de Abril del 2018. Una media de 49 por semana
Este simple código muestra como mostrar un texto centrado verticalmente dentro de una lista <li>

centrar-texto-en-lista
Imágen de perfil

Ejemplo de los diferentes filter de CSS sobre una imágen


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 23 de Marzo del 2018 por Xavi
794 visualizaciones desde el 23 de Marzo del 2018. Una media de 42 por semana
Este simple código, muestra los diferentes efectos que generan los diferentes estilos filter sobre una imágen (grayscale, sepia, saturate, opacity, blur, brightness, contrast, invert, hue-rotate)

filter
Imágen de perfil

Efecto Blur con CSS Compatible


CSS

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 18 de Marzo del 2018 por ScriptShow (Publicado el 16 de Marzo del 2018)
982 visualizaciones desde el 16 de Marzo del 2018. Una media de 49 por semana
Código en CSS Style para generar un efecto Blur compatible con la mayoría de navegadores web. Al pasar el cursor por el objeto, elemento, etc. se puede apreciar el efecto Blur.

Un saludo

imagen-normal
imagen-con-blur
Imágen de perfil

Poner un icono dentro de un cuadro de texto


CSS

Publicado el 18 de Marzo del 2018 por xve
1.370 visualizaciones desde el 18 de Marzo del 2018. Una media de 63 por semana
Este simple código muestra como poner un icono dentro de in un <input>

css-poner-icono-en-cuadro-de-texto
Revisar política de publicidad