Códigos Fuente de CSS

Mostrando del 1 al 10 de 118 registros
<<>>
sin imagen de perfil
Val: 14
Ha disminuido su posición en 3 puestos en CSS (en relación al último mes)
Gráfica de CSS

Cortar el texto y poner puntos suspensivos


CSS

Publicado el 25 de Abril del 2019 por Joan
10 visualizaciones desde el 25 de Abril del 2019
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: 14
Ha disminuido su posición en 3 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
14 visualizaciones desde el 25 de Abril del 2019
Ejemplo que muestra todos los tipos de bordes posibles en CSS

bordes-css
Imágen de perfil
Val: 659
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.098 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
Imágen de perfil
Val: 77
Bronce
Ha aumentado 1 puesto en CSS (en relación al último mes)
Gráfica de CSS

Posicionar una imagen en la parte inferior derecha de la pantalla


CSS

Publicado el 15 de Marzo del 2019 por joel
624 visualizaciones desde el 15 de Marzo del 2019. Una media de 112 por semana
Este simple código, posiciona una imagen en la parte inferior derecha de la pantalla por debajo del contenido de nuestra web.
Al pasar por encima de la imagen con el ratón, se quita la transparencia.

imagen-transparete
Imágen de perfil
Val: 77
Bronce
Ha aumentado 1 puesto en CSS (en relación al último mes)
Gráfica de CSS

Uso de variables en CSS


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 04 de Marzo del 2019 por joel
710 visualizaciones desde el 04 de Marzo del 2019. Una media de 98 por semana
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: 377
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 24 de Febrero del 2019 por ScriptShow (Publicado el 02 de Marzo del 2017)
1.592 visualizaciones desde el 02 de Marzo del 2017. Una media de 21 por semana
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 que os guste.


Un saludo
Imágen de perfil
Val: 77
Bronce
Ha aumentado 1 puesto 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
365 visualizaciones desde el 11 de Febrero del 2019. Una media de 42 por semana
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: 48
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

PoPup Simple


CSS

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 02 de Febrero del 2019 por 2K (Publicado el 20 de Enero del 2019)
839 visualizaciones desde el 20 de Enero del 2019. Una media de 63 por semana
PoPup Simple by 2K code

Popup / Modal por focus en puro CSS. No utiliza JavaScript.

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

Reveal OnScroll


CSS

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 02 de Febrero del 2019 por 2K (Publicado el 20 de Enero del 2019)
565 visualizaciones desde el 20 de Enero del 2019. Una media de 42 por semana
Reveal OnScroll by 2K code

Código que permite ver contenidos por secciones con fondos efecto Reveal...

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
608 visualizaciones desde el 18 de Enero del 2019. Una media de 49 por semana
Este simple código, muestra como poner un tooltip en una lista mediante el hover de CSS.

tooltip
Revisar política de publicidad