![](https://i0.wp.com/frontendmasters.com/blog/wp-content/uploads/2024/06/circle-text-thumb.jpg?w=1000&ssl=1)
Pure CSS Circular Text (without Requiring a Monospace Font)
Less than 1 minute
Pure CSS Circular Text (without Requiring a Monospace Font) 관련
CSS > Article(s)
Article(s)
Pure CSS Circular Text (without Requiring a Monospace Font)
Setting text on a circle in CSS isn't straightforward, but it is possible with some effort. This technique splits text into segments and uses transforms and perspective to pull it off.