Códigos Fuente de CSS

Mostrando del 1 al 10 de 198 registros
<<>>
Imágen de perfil
Val: 476
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Separador en forma de sierra con CSS


CSS

Publicado el 28 de Marzo del 2021 por Katas (45 códigos)
434 visualizaciones desde el 28 de Marzo del 2021
Este estilo utiliza una forma SVG para separar dos bloques diferentes para crear una apariencia visual más interesante en comparación con la separación horizontal estándar.

css-separador


background-image: url (...) agrega la forma SVG (un triángulo de 24x12) como imagen de fondo del pseudo elemento, que se repite por defecto
Imágen de perfil
Val: 476
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Poner un texto en forma trapezoidal con CSS3


CSS

Publicado el 21 de Marzo del 2021 por Katas (45 códigos)
297 visualizaciones desde el 21 de Marzo del 2021
Código que muestra como utilizando la propiedad transform para poner un texto en forma trapezoidal

texto-trapezoidal-con-css
Imágen de perfil
Val: 476
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Efecto de girar una carta con CSS3


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 12 de Marzo del 2021 por Katas (45 códigos)
403 visualizaciones desde el 12 de Marzo del 2021
Este código muestra como crear el efecto de girar una carta con CSS3 al pasar el ratón por encima.

girar-carta



El mismo efecto pero en vertical lo puedes ver aquí:
https://www.lawebdelprogramador.com/codigo/CSS/6940-flip-box-con-CSS3.html
Imágen de perfil
Val: 476
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

flip box con CSS3


CSS

Publicado el 13 de Marzo del 2021 por Katas (45 códigos)
399 visualizaciones desde el 13 de Marzo del 2021
Código de CSS que muestra como girar una capa al poner el ratón encima.

flip-box-css3



El mismo efecto pero en horizontal lo puedes ver aquí: https://www.lawebdelprogramador.com/codigo/CSS/index1.html
Imágen de perfil
Val: 476
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Efecto subrayado al pasar el ratón por encima de un texto con CSS


CSS

Publicado el 28 de Febrero del 2021 por Katas (45 códigos)
462 visualizaciones desde el 28 de Febrero del 2021
Efecto de subrayado al pasar el ratón por encima de un texto. En este ejemplo el subrayado va de izquierda a derecha y del centro hacia los lados.

efecto-subrayado-con-css
Imágen de perfil
Val: 181
Bronce
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Vídeo como fondo de página con CSS


CSS

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 28 de Febrero del 2021 por Joan (112 códigos) (Publicado el 8 de Octubre del 2019)
1.397 visualizaciones desde el 8 de Octubre del 2019
En este código se muestra como mediante CSS ponemos un vídeo como fondo de pántalla.

video-como-fondo-pantalla
Imágen de perfil
Val: 476
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Ejemplo del comportamiento de desplazamiento del scroll con scroll-behavior


CSS

Publicado el 20 de Febrero del 2021 por Katas (45 códigos)
443 visualizaciones desde el 20 de Febrero del 2021
Este código muestra el uso del tag CSS scroll-behavior para mostrar el desplazamiento suave y progresivo entre varios puntos (anchors) de una pagina web.
https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior

efecto-comportamiento-css-scroll-behavior
Imágen de perfil
Val: 476
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Botón de flecha para subir, bajar, derecha y izquierda con CSS


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 20 de Febrero del 2021 por Katas (45 códigos)
473 visualizaciones desde el 20 de Febrero del 2021
Código que muestra un ejemplo de como crear pequeños botones con flecha hacia los 4 lados. Fáciles de modificar y adaptar.

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

Mostrar un div con una parte del borde escondido con CSS


CSS

Publicado el 2 de Febrero del 2021 por Katas (45 códigos)
540 visualizaciones desde el 2 de Febrero del 2021
Este simple código muestra como esconder una parte definida del borde de un elemento utilizando :after y :before en los estilos.

esconder-parte-del-border-con-css
Imágen de perfil
Val: 476
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Texto multicolor con CSS


CSS

Publicado el 1 de Febrero del 2021 por Katas (45 códigos)
599 visualizaciones desde el 1 de Febrero del 2021
Este simple código muestra como utilizar la propiedad background-clip de CSS.

texto-multicolor-con-css