css-images

Demo css-images

Add an html element and style its size

Use pseudo element ::before to clean up html

Set a border-radius to get a circle

Rotate a square via transform to get a diamond shape

Use clever border combinations to get an arrow

Quote bubble with arrow

Using pseudo element with absolute positioning

To do is to dare