Códigos Fuente de CSS

Mostrando del 41 al 50 de 145 registros
Imágen de perfil
Val: 427
Plata
Ha aumentado 1 puesto en CSS (en relación al último mes)
Gráfica de CSS

Enumerar de forma automática elementos con CSS


CSS

Publicado el 11 de Febrero del 2019 por joel
851 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: 45
Ha disminuido su posición en 2 puestos en CSS (en relación al último mes)
Gráfica de CSS

PoPup Simple


CSS

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 2 de Febrero del 2019 por 2K (Publicado el 20 de Enero del 2019)
1.092 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

Poner tooltips en una lista con CSS


CSS

Publicado el 18 de Enero del 2019 por Administrador
816 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: 427
Plata
Ha aumentado 1 puesto 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
772 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: 45
Ha disminuido su posición en 2 puestos en CSS (en relación al último mes)
Gráfica de CSS

Buttons Simple


CSS

Publicado el 30 de Diciembre del 2018 por 2K
915 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: 45
Ha disminuido su posición en 2 puestos en CSS (en relación al último mes)
Gráfica de CSS

WEB Simple


CSS

Publicado el 30 de Diciembre del 2018 por 2K
646 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: 646
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
927 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: 646
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 (Publicado el 31 de Octubre del 2018)
1.286 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: 198
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
2.761 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: 646
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
969 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