El objetivo de este post es comprender el correcto funcionamiento de los pseudo elementos y reunir ejemplos de uso en Diseño Web. En edición.


 Desarrollo Web

Evidentemente con lo que debemos comenzar, es comprender el posicionamiento natural de los pseudo elementos segun su nombre.

Nos brinda la posibilidad de varios backgrounds para un solo elemento.
multiplecanvases

Ya que se puede posicionarlos en relación al elemento padre, los pseudo elementos pueden utilizarse como dos capas extras de dicho elemento. Aqui tenemos varios ejemplos. Pueden ser multiples bordes, simular multiples backgrounds CSS3, entre otros.

Introducción a Pseudo Elementos.

Articulos útiles para comprender los pseudo elementos :before y :after

Understanding Pseudo-Element :before and :after

Css-Tricks – Meet the Pseudo Class Selectors.

Pico Boero
Sígueme

Pico Boero

Diseñador Gráfico. at www.picoboero.com
Diseñador Gráfico y Desarrollador Web. Estudiante en la Licenciatura de Diseño Gráfico en UDELAR.
Pico Boero
Sígueme

Latest posts by Pico Boero (see all)

Recibe mas contenido como éste directamente a tu correo.

Registrate ahora. Jamás recibiras spam, prometido!