Códigos Fuente de CSS

Mostrando del 61 al 70 de 162 registros
Imágen de perfil
Val: 642
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Mostrar thumbnails unicamente con CSS


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 18 de Enero del 2019 por Joel (123 códigos)
947 visualizaciones desde el 18 de Enero del 2019
Este simple código muestra como se puede utilizar unicamente CSS para mostrar thumbnails.

thumbnails
Imágen de perfil
Val: 55
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Buttons Simple


CSS

Publicado el 30 de Diciembre del 2018 por 2k (12 códigos)
1.026 visualizaciones desde el 30 de Diciembre del 2018
Buttons Simple by 2K code

Botones con efecto sombra en CSS3 y HTML, muy simple...

Mejor con 2K max.

botones
Imágen de perfil
Val: 55
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

WEB Simple


CSS

Publicado el 30 de Diciembre del 2018 por 2k (12 códigos)
736 visualizaciones desde el 30 de Diciembre del 2018
WEB Simple by 2K code

Una estructura HTML y CSS para Web muy simple y compatible...

Mejor con 2K max.

estructura-web
Imágen de perfil
Val: 591
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Permitir scroll sin mostrar la barra


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 20 de Diciembre del 2018 por Xavi (530 códigos)
1.306 visualizaciones desde el 20 de Diciembre del 2018
Este simple código muestra como permitir hacer scroll sin visualizar la barra de scroll, ya que la barra esta escondida detras de un div.

esconder-scroll
Imágen de perfil
Val: 591
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Menú de opciones dentro de un cuadro con scroll


CSS

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 20 de Diciembre del 2018 por Xavi (530 códigos) (Publicado el 31 de Octubre del 2018)
1.415 visualizaciones desde el 31 de Octubre del 2018
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
Val: 181
Bronce
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Botón parar cerrar o esconder en un div


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 19 de Diciembre del 2018 por Joan (77 códigos)
4.262 visualizaciones desde el 19 de Diciembre del 2018
Este código muestro como poner dos tipos de botones para cerrar un div. Una de ellas es un simbolo de HTML y la otra es una imagen.

boton-cerrar
Imágen de perfil
Val: 591
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

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


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 1 de Octubre del 2018 por Xavi (530 códigos)
1.055 visualizaciones desde el 1 de Octubre del 2018
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
Val: 432
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Panel visible / oculto con CSS


CSS

Publicado el 22 de Septiembre del 2018 por Scriptshow (138 códigos)
1.090 visualizaciones desde el 22 de Septiembre del 2018
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
Val: 591
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Menu superior con css y html5


CSS

estrellaestrellaestrellaestrellaestrella(6)
Actualizado el 20 de Septiembre del 2018 por Xavi (530 códigos) (Publicado el 24 de Mayo del 2013)
15.506 visualizaciones desde el 24 de Mayo del 2013
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
Val: 432
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

CSS Tiny Box


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 18 de Septiembre del 2018 por Scriptshow (138 códigos)
932 visualizaciones desde el 18 de Septiembre del 2018
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