Pseudo-Element Generator

Generate clean :before and :after CSS shapes in real-time.

Content

Width (px)

Height (px)

Background Color

Border Radius (%)

Top (%)

Left (%)

Rotation (deg)

Parent

.element::before {
    ...
}