Circular Text Effect - HTML, CSS & JS

5,733

71 0

Published 2020-05-31

Make text go round.

Maths stuff :
Calculation Point on circle. - • Ex: Find the Point on a Circle Given...

Source Code :
codepen.io/SudhanshuRathore/pen/abvMmaa
github.com/sudhanshuRathore/circular-text

All Comments (7)

@Themindspeakss 4 years ago

Mistake, corrections and left out stuff. 1:19 - Monospaced font is used because, each letter will have a fixed width, which will result in evenly spaced letters. 1:58 - Flex is not stretching the element, It is looking like an elongated oval because of width and border-radius . 8:31 - Promised resource. https://www.youtube.com/watch?v=aHaFwnqH5CU
@adityarathore9615 4 years ago

Amazing tutorial! My boss wanted this for one of our sites. He was after my life and I've been struggling for days now. You saved my life. You're the best!! 😘
@kanowietrail468 3 years ago

Thank you for this tutorial!
@katrinarobles2332 3 years ago

Amazzzing! Could not have done the math by myself, thank you!! Can you make a tutorial of having the text move in a circle?
@mcleverm01 2 years ago

Hi. I really liked your video and helpful code. However, I'm trying to have two circles with text in them, and the second circle does not work. It ends up like a flat circle. I thought I may need to script.js files, but that did not fix it. Any ideas? Thanks so much!
@Proxlight 3 years ago

Hi , This is Pratyush Mishra from Proxlight I want to contact you, you can check your Email.