Códigos Fuente de CSS

Mostrando del 1 al 10 de 148 registros
<<>>
sin imagen de perfil
Val: 48
Ha aumentado su posición en 9 puestos en CSS (en relación al último mes)
Gráfica de CSS

Poner un gradient a un texto


CSS

Publicado el 15 de Febrero del 2020 por Katas
136 visualizaciones desde el 15 de Febrero del 2020
Ejemplo de poner un "gradient" a un texto.

text-gradient
sin imagen de perfil
Val: 48
Ha aumentado su posición en 9 puestos en CSS (en relación al último mes)
Gráfica de CSS

Cambia el ajuste y la posición de una imagen dentro de su contenedor


CSS

Publicado el 15 de Febrero del 2020 por Katas
89 visualizaciones desde el 15 de Febrero del 2020
Cambia el ajuste y la posición de una imagen dentro de su contenedor mientras conserva su relación de aspecto. Anteriormente solo era posible usar una imagen de fondo y la propiedad de tamaño de fondo.

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

Simple Accordion effect CSS


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 2 de Febrero del 2020 por 2k
318 visualizaciones desde el 2 de Febrero del 2020
Simple Accordion effect CSS by 2K code

Un Accordion effect CSS muy simple...

Mejor con 2K max.
Imágen de perfil
Val: 403
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Links de Texto que aumenta / disminuye OnMouseOver


CSS

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 2 de Febrero del 2020 por Scriptshow (Publicado el 2 de Marzo del 2017)
1.734 visualizaciones desde el 2 de Marzo del 2017
Un efecto con CSS sobre links de texto que aumenta / disminuye el tamaño de la fuente al pasar el mouse...
En fin, muy pocas líneas de código nativo se encargan de todo.

Espero sea útil.

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

Poner un div que ocupe toda la altura y anchura del navegador


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 20 de Enero del 2020 por Xve
583 visualizaciones desde el 20 de Enero del 2020
Simple código que muestra como poner un div que ocupe toda la anchura y altura del navegador.
Imágen de perfil
Val: 403
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Triángulos y otras figuras con CSS Compatible


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 18 de Enero del 2020 por Scriptshow
432 visualizaciones desde el 18 de Enero del 2020
Saludos,

una Class en CSS que sirve como base para realizar figuras: triángulos, rombos, flechas, etc. con etiquetas DIVs. Combinando colores, transparencias, conseguiremos efectos sólidos diversos.

Es compatible con todos los navegadores actuales y no actuales.

Espero sea útil.
sin imagen de perfil
Val: 48
Ha aumentado su posición en 9 puestos en CSS (en relación al último mes)
Gráfica de CSS

Centrar un elemento horizonta y vertical con display:grid


CSS

Publicado el 11 de Enero del 2020 por Katas
471 visualizaciones desde el 11 de Enero del 2020
Este código muestra como centrar un elemento verticalmente y horizontalmente utilizando el display:grid

centrar-elemento-grid
sin imagen de perfil
Val: 48
Ha aumentado su posición en 9 puestos en CSS (en relación al último mes)
Gráfica de CSS

Degradado al final de un scroll para mostrar que hay mas contenido


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 21 de Diciembre del 2019 por Katas
457 visualizaciones desde el 21 de Diciembre del 2019
Agrega un degradado de desvanecimiento a un elemento que se desborda para indicar mejor que hay más contenido para desplazarse.

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

Mostrar un bocadillo o popup encima de una texto dado


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 20 de Diciembre del 2019 por Joel
413 visualizaciones desde el 20 de Diciembre del 2019
Este código es una modificación del codigo que se encuentra en https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_popup para mostrar como podemos mostrar un popup o bocadillo encima de cualquier elemento.

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

Ejemplo de como mostrar y esconder un elemento con animation


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 20 de Diciembre del 2019 por Joel
536 visualizaciones desde el 20 de Diciembre del 2019
Este ejemplo, muestra como mostrar un elemento (fadeIn) y esconderlo (fadeOn) utilizando el estilo animation con la opacidad.
Con Javascript añadimos o quitamos los estilos al elemento para que realice la animación.