CSS

3 formas diferentes para conseguir el efecto de texto subrayado. La forma clásica usando la propiedad «text-decoration: underline«, en donde el grosor de la línea de subrayado va acorde al tamaño y grosor de la fuente. Si queremos poder cambiar […]

Leer más...

La posición sticky es un nuevo valor de la propiedad position de CSS. Puede ser útil cuando queremos que un elemento tenga una posición fija cuando nos desplazamos hacia abajo en la página web «sin usar javascript», solo con CSS. […]

Leer más...

Un par de ejemplos diferentes para colorear con degradados los bordes de un elemento en css usando la función linear-gradient() que crea una imagen que representa un degradado lineal de colores. Ejemplo: Un cuadrado, un cuadrado con bordes derondeados y […]

Leer más...

Forma fácil de crear con CSS (más concretamente con la propiedad -webkit-text-stroke) un texto con un determinado grosor de trazo y color. Ántes para conseguir este efecto teníamos que tirar siempre de programas de retoque fotográfico y insertarlo como una […]

Leer más...

Método sencillo para convertir cualquier foto/imagen en blanco y negro (escala de grises) usando la propiedad «filter» de css sin tener que usar photoshop u otro programa similar: img{ -webkit-filter: grayscale(100%); filter: grayscale(100%); } Con este filtro se fuerza al […]

Leer más...

Código css para crear un background con líneas diagonales sin utilizar imágenes usando la función repeating-linear-gradient. Puedes editar el código css a tu gusto y conseguir ese efecto cebra que desees para crear las líneas de más o menos grosor […]

Leer más...

Es posible dar estilos css a elementos HTML que tienen unos determinados atributos o valores de atributos. La sintaxis css de uso basicamente es: [atributo operador «valor»] A continuación unos ejemplos de uso con los diferentes operadores para comprender mejor […]

Leer más...