Códigos Fuente de CSS

Mostrando del 41 al 50 de 203 registros
Imágen de perfil
Val: 493
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Difuminar el final de la ultima linea de un texto


CSS

Publicado el 21 de Agosto del 2020 por Katas (47 códigos)
2.579 visualizaciones desde el 21 de Agosto del 2020
Código que muestra como difuminar el final de la ultima linea de un texto.

width: 400px Asegura que el elemento tenga una dimensión.
height: 109.2px valor calculado para la altura, es igual a tamaño de fuente * altura de línea * numero de lineas (en este caso 26 * 1.4 * 3 = 109.2)
height: 36.4px valor calculado para el contenedor de degradado, es igual a tamaño de fuente * altura de línea (en este caso 26 * 1,4 = 36,4)
background: gradiente lineal (a la derecha, rgba (0, 0, 0, 0), # fff 50%) gradiente de transparente del color negro completamente transparente al blanco con un 50% de transparencia

degradado-final-ultima-linea
Imágen de perfil
Val: 493
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Menú emergente al obtener el foco o pasar el ratón


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 21 de Agosto del 2020 por Katas (47 códigos)
1.919 visualizaciones desde el 21 de Agosto del 2020
Código que muestra un menú emergente interactivo desplazandose hacia la derecha al obtener el foco, o al pasar el ratón por encima.

left: 100% Mueve el menú emergente el 100% del ancho de su padre desde la izquierda.
.reference: hover> .popout-menu Significa que cuando se coloca el cursor sobre .reference, seleccione los elementos secundarios inmediatos con la clase .popout-menu y cambie su visibilidad a visible, que muestra la ventana emergente.
.reference: focus> .popout-menu Significa que cuando .reference está enfocado, se mostrará la ventana emergente.
.reference: focus-within> .popout-menu Asegura que la ventana emergente se muestre cuando el foco está dentro de la referencia.

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

Código de Reset.css


CSS

Publicado el 31 de Mayo del 2020 por Hdb Programming (46 códigos)
7.325 visualizaciones desde el 31 de Mayo del 2020
Este es el código fuente de la popular hoja de estilos Reset.css con la cual podrás resetear tu html para todos los navegadores. Este código fue sacado de https://meyerweb.com/eric/tools/css/reset/
Imágen de perfil
Val: 17
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Código de Normalize.css


CSS

Publicado el 31 de Mayo del 2020 por Hdb Programming (46 códigos)
3.982 visualizaciones desde el 31 de Mayo del 2020
Este es el código fuente de la popular hoja de estilos Normalize.css con la cual podrás normalizar tu html para todos los navegadores. Este código fue sacado de https://necolas.github.io/normalize.css/ y también puede ser instalado con npm mediante npm install normalize.css