Códigos Fuente de CSS

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

Menú de opciones dentro de un cuadro con scroll


CSS

Publicado el 31 de Octubre del 2018 por Xavi
453 visualizaciones desde el 31 de Octubre del 2018. Una media de 70 por semana
Simple menú de opciones incluido dentro de un cuadro de altura fija, el cual permite mover el menú con flechas o rueda del ratón al ponernos encima del mismo.

menu1

menu2
Imágen de perfil

Efecto de trazar una circunferencia al pasar por encima de un enlace


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 01 de Octubre del 2018 por Xavi
754 visualizaciones desde el 01 de Octubre del 2018. Una media de 70 por semana
Este es un código de prueba utilizando SVG.
Muestra el efecto de dibujar una redonda al poner el ratón encima del enlace con SVG, haciendo el trazo de la misma, simulando la mano al dibujar la circunferencia.

efecto-redonda
Imágen de perfil

Panel visible / oculto con CSS


CSS

Publicado el 22 de Septiembre del 2018 por ScriptShow
710 visualizaciones desde el 22 de Septiembre del 2018. Una media de 63 por semana
Un panel que muestra el contenido al situar el mouse sobre la parte superior del mismo. Una clase en CSS se encarga de darle formato, aspecto, etc. No precisa JavaScript.
Es compatible con cualquier dispositivo fijo ó móvil.

Espero sea útil.

Un saludo
Imágen de perfil

Menu superior con css y html5


CSS

estrellaestrellaestrellaestrellaestrella(6)
Actualizado el 20 de Septiembre del 2018 por Xavi (Publicado el 24 de Mayo del 2013)
12.589 visualizaciones desde el 24 de Mayo del 2013. Una media de 49 por semana
Código que muestra como poner un menú superior con estilos, y que se vaya desplegando hasta cuatro niveles al ir pasando el ratón por encima sin utilizar javascript.

menu-superior-con-estilos
Imágen de perfil

CSS Tiny Box


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 18 de Septiembre del 2018 por ScriptShow
588 visualizaciones desde el 18 de Septiembre del 2018. Una media de 49 por semana
Damos muchas vueltas con los: Lightbox, Modalbox, Capa con opacidad, etc.
En esencia, estos efectos son muy sencillos; por lo que vemos y observamos por ahí, son muy complicados... ¿Cuál es la realidad?. En definitiva, cuando tenemos tanto donde elegir, acertar se convierte en la clave.

Por ahora, empezaremos con este sencillo Tiny Box a ver qué pasa...

Espero sea útil.

Un saludo
Imágen de perfil

Agregar un enlace encima de nuestro vídeo


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 30 de Junio del 2018 por Xavi
785 visualizaciones desde el 30 de Junio del 2018. Una media de 35 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)
600 visualizaciones desde el 20 de Junio del 2018. Una media de 28 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
923 visualizaciones desde el 02 de Junio del 2018. Una media de 35 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
1.394 visualizaciones desde el 05 de Mayo del 2018. Una media de 49 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)
21.661 visualizaciones desde el 24 de Enero del 2014. Una media de 91 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
Revisar política de publicidad