CSS

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: Con este filtro se fuerza al navegador a mostrar cualquier elemento (imagen, […]

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...

Todo un clásico de css. Quien no ha maquetado algún triángulo y ha querido aplicarle el efecto “redondeado” a los bordes. A continuación una forma de hacerlo jugando con rotate, skewX, scale y translate: Ejemplo: See the Pen Triángulo con […]

Leer más...

Un ejemplo de como voltear horizontalmente una foto o otro elemento con css3 usando scaleX. Para IE aplicamos el filtro FlipH. Un ejemplo: See the Pen CSS: rotar horizontalmente una imagen by Jorge Maiden (@jorgemaiden) on CodePen.

Leer más...

A continuación un ejemplo de animación para conseguir en CSS3 un efecto de bola o circulo girando de forma circular indefinidamente: Resultado:

Leer más...