CSS circle() function

The circle() function is an inbuilt function in CSS that is used to create floating text around the circular shape picture or anything else.

Syntax: 

circle(100px at 10px 150px);

or 

circle( percentage );

Parameters: This function accepts a single parameter length or percentage which is used to hold the value of radius. It is a mandatory parameter.

Return value: It makes the text circular as the user wants.

Example 1: With the percentage procedure, we will proceed. 

Output: 

👁 Image

Example 2: 

Output: 

👁 Image

Supported browser: The browser supported by CSS | circle() Function are listed below: 

• Google Chrome 37 and above
• Microsoft Edge 79 and above
• Internet Explorer not supported
• Mozilla Firefox 54 and above
• Safari 10.1 and above
• Opera 24 and above