Códigos Fuente de CSS

Mostrando del 91 al 100 de 194 registros
Imágen de perfil
Val: 784
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Uso de variables en CSS


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 4 de Marzo del 2019 por Joel (143 códigos)
1.094 visualizaciones desde el 4 de Marzo del 2019
Este código muestra como utilizar variables en CSS y cambiar dichas variables desde JavaScript para cambiar completamente el diseño de nuestra web.
En este ejemplo, se muestra como cambiar los colores y el estilo de un borde cambiando el valor de las variables CSS mediante JavaScript.
Imágen de perfil
Val: 784
Oro
Ha mantenido su posición 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 (143 códigos)
1.763 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: 53
Ha mantenido su posición 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 (12 códigos) (Publicado el 20 de Enero del 2019)
1.430 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 (703 códigos)
1.187 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: 784
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 (143 códigos)
1.125 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: 53
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.092 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: 53
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)
810 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: 594
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 (544 códigos)
2.201 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: 594
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 (544 códigos) (Publicado el 31 de Octubre del 2018)
1.502 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 (98 códigos)
6.019 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