Códigos Fuente de CSS

Mostrando del 1 al 10 de 114 registros
<<>>
Imágen de perfil
Val: 34
Ha aumentado su posición en 15 puestos en CSS (en relación al último mes)

Enumerar de forma automática elementos con CSS


CSS

Publicado el 11 de Febrero del 2019 por joel
139 visualizaciones desde el 11 de Febrero del 2019
En este ejemplo se numeran varias listas encadenadas, pero se puede utilizar con cualquier tipo de elemento de tu web.

enumerar-lista


https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters

counter-reset: Inicializa el contador y define el nombre del contador. Por defecto empieza en 0

counter-increment: incrementa o decrementa el contador
1
counter-increment: miContador-1

counter: muestra el contador
Imágen de perfil
Val: 48
Ha aumentado su posición en 13 puestos en CSS (en relación al último mes)

PoPup Simple


CSS

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 02 de Febrero del 2019 por 2K (Publicado el 20 de Enero del 2019)
659 visualizaciones desde el 20 de Enero del 2019
PoPup Simple by 2K code

Popup / Modal por focus en puro CSS. No utiliza JavaScript.

Mejor con 2K max.
Imágen de perfil
Val: 48
Ha aumentado su posición en 13 puestos en CSS (en relación al último mes)

Reveal OnScroll


CSS

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 02 de Febrero del 2019 por 2K (Publicado el 20 de Enero del 2019)
454 visualizaciones desde el 20 de Enero del 2019
Reveal OnScroll by 2K code

Código que permite ver contenidos por secciones con fondos efecto Reveal...

Mejor con 2K max.
Imágen de perfil

Poner tooltips en una lista con CSS


CSS

Publicado el 18 de Enero del 2019 por Administrador
520 visualizaciones desde el 18 de Enero del 2019
Este simple código, muestra como poner un tooltip en una lista mediante el hover de CSS.

tooltip
Imágen de perfil
Val: 34
Ha aumentado su posición en 15 puestos en CSS (en relación al último mes)

Mostrar thumbnails unicamente con CSS


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 18 de Enero del 2019 por joel
498 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: 620
Oro
Ha mantenido su posición en CSS (en relación al último mes)

Input unicamente con la linea inferior


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 15 de Enero del 2019 por xve
441 visualizaciones desde el 15 de Enero del 2019. Una media de 105 por semana
Este simple código muestra como crear un formulario unicamente con una linea horizontal en la parte inferior del input.

1
Imágen de perfil
Val: 48
Ha aumentado su posición en 13 puestos en CSS (en relación al último mes)

Buttons Simple


CSS

Actualizado el 31 de Diciembre del 2018 por 2K (Publicado el 30 de Diciembre del 2018)
624 visualizaciones desde el 30 de Diciembre del 2018. Una media de 98 por semana
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: 48
Ha aumentado su posición en 13 puestos en CSS (en relación al último mes)

WEB Simple


CSS

Actualizado el 31 de Diciembre del 2018 por 2K (Publicado el 30 de Diciembre del 2018)
426 visualizaciones desde el 30 de Diciembre del 2018. Una media de 70 por semana
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: 602
Oro
Ha mantenido su posición en CSS (en relación al último mes)

Permitir scroll sin mostrar la barra


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 20 de Diciembre del 2018 por Xavi
680 visualizaciones desde el 20 de Diciembre del 2018. Una media de 91 por semana
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: 602
Oro
Ha mantenido su posición en CSS (en relación al último mes)

Menú de opciones dentro de un cuadro con scroll


CSS

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 20 de Diciembre del 2018 por Xavi (Publicado el 31 de Octubre del 2018)
1.030 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
Revisar política de publicidad