In this post I will show you how to create triangles and circles using CSS only.
Circle is created by providing border-radius 50% of the height or width of div. For circle height and width should be equal.
Triangle has three sides therefore we take three borders and provide width to them. One border forms the actual triangle so we make other two invisible. Don’t forget to make the height and width to 0px.