Códigos Fuente de CSS

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

Impedir la selección de un texto con CSS


CSS

Publicado el 26 de Mayo del 2019 por Joan
269 visualizaciones desde el 26 de Mayo del 2019
Este simple código muestra como impedir la selección de un texto con el ratón.

NOTA: Esto no es infalible, abriendo la consola del navegador o visualizando el código fuente de la pagina se puede copiar.
sin imagen de perfil
Val: 92
Bronce
Ha aumentado su posición en 5 puestos en CSS (en relación al último mes)
Gráfica de CSS

Efecto sobre un botón al pasar el ratón por encima


CSS

Publicado el 26 de Mayo del 2019 por Joan
405 visualizaciones desde el 26 de Mayo del 2019
Efecto de lineas que se alargan al pasar el ratón por encima del botón

efecto-boton
Imágen de perfil
Val: 689
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Input unicamente con la linea inferior


CSS

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 26 de Mayo del 2019 por xve (Publicado el 15 de Enero del 2019)
924 visualizaciones desde el 15 de Enero del 2019. Una media de 49 por semana
Este simple código muestra como crear un formulario unicamente con una linea horizontal en la parte inferior del input.

1
sin imagen de perfil
Val: 92
Bronce
Ha aumentado su posición en 5 puestos en CSS (en relación al último mes)
Gráfica de CSS

CSS ejemplo del uso de object-fit sobre imágenes


CSS

Publicado el 22 de Mayo del 2019 por Joan
506 visualizaciones desde el 22 de Mayo del 2019
Se muestra un ejemplo del uso de la propiedad object-fit sobre una imagen.

css-object-fit
sin imagen de perfil
Val: 92
Bronce
Ha aumentado su posición en 5 puestos en CSS (en relación al último mes)
Gráfica de CSS

Ejemplo del uso de flex


CSS

Publicado el 22 de Mayo del 2019 por Joan
507 visualizaciones desde el 22 de Mayo del 2019
Ejemplo del uso de las propiedades justify-content y align-items utilizando el display:flex

flex


https://developer.mozilla.org/es/docs/Web/CSS/CSS_Flexible_Box_Layout/Usando_las_cajas_flexibles_CSS
Imágen de perfil
Val: 669
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Mostrar una capa al pasar el raton por encima de un texto o imagen


CSS

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 22 de Mayo del 2019 por Xavi (Publicado el 31 de Marzo del 2011)
47.367 visualizaciones desde el 31 de Marzo del 2011. Una media de 112 por semana
Código que muestra como al pasar el ratón por encima de un texto, te muestra una capa con el contenido que desees al lado del ratón. Al quitar el ratón de encima de el texto, desaparece la capa que se esta mostrando.

Versión 1:
Probado con IE6,7,8, 9, Firefox, Opera, Chrome y Safari.

Versión 2:
Funciona con todos los navegadores excepto con IE

layer-raton
sin imagen de perfil
Val: 92
Bronce
Ha aumentado su posición en 5 puestos en CSS (en relación al último mes)
Gráfica de CSS

Gráfico de barras utilizando unicamente HTML y CSS


CSS

Publicado el 05 de Mayo del 2019 por Joan
826 visualizaciones desde el 05 de Mayo del 2019. Una media de 140 por semana
Este código muestra como crear un gráfico de barras tanto horizontal como vertical utilizando unicamente HTML y CSS.

grafico-html-css-vertical

grafico-html-css-horizontal
sin imagen de perfil
Val: 92
Bronce
Ha aumentado su posición en 5 puestos en CSS (en relación al último mes)
Gráfica de CSS

Cortar el texto y poner puntos suspensivos


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 25 de Abril del 2019 por Joan
595 visualizaciones desde el 25 de Abril del 2019. Una media de 84 por semana
Este simple código, muestra como recortar un texto y poner puntos suspensivos si el texto no cabe en su contenedor.

ellipsis
sin imagen de perfil
Val: 92
Bronce
Ha aumentado su posición en 5 puestos en CSS (en relación al último mes)
Gráfica de CSS

Tipos de bordes en CSS3


CSS

Publicado el 25 de Abril del 2019 por Joan
747 visualizaciones desde el 25 de Abril del 2019. Una media de 98 por semana
Ejemplo que muestra todos los tipos de bordes posibles en CSS

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

Alinear en altura un div al div de al lado


CSS

Actualizado el 28 de Marzo del 2019 por Xavi (Publicado el 06 de Junio del 2013)
6.173 visualizaciones desde el 06 de Junio del 2013. Una media de 21 por semana
Código que muestra como alinear el primer div a la altura del segundo.

columna-igual-otra-columna
Revisar política de publicidad