Speech Bubble Generator

CSS speech bubble generator or comment box generator lets you create speech bubbles with purely css using a single element and :before and :after CSS rules. You can preview and copy or download the generated CSS code.

1Arrow

Location

Position (%)

Width (px)

Length (px)

Fluid Positioning

Use Percentage

2Bubble Background

Width (px)

Height (px)

Padding (px)

Corner Radius (px)

Background

3Bubble Border

Thickness (px)

Color

Preview download

Snippet copy


        

HTML Code copy