Circle Text Animation using CSS & Splitting.js | CSS Text Effects

Enroll My Course : Next Level CSS Animation and Hover Effects

Another Course : Build Complete Real World Responsive Websites from Scratch
------------------
Join Our Channel Membership And Get Source Code of My New Video's Everyday!
------------------

------------------
give proper credit if you repost this on other social media platform
------------------

------------------
Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use

[loveforall]

For those people with code that doesn't make a circle, add this to your css =>
.circle .word {
position: absolute;
transform-style: preserve-3d;
}

[Bounou]

Hi guys! For those people with code that doesn't make a circle, go look in the source code and where it says "word" change it to "char" and it will work on chrome!

[ArtsandGadgetsStuff]

That is so cool effect! keep it up bro

[aswinganji]

Your are a mastermind.
You just do things right from the bat

[AyushGupta-cthi]

my calc function inside rotatey() is not working anybody could please solve my problem

[aswinganji]

it will be great if you showed me how to make the circle smaller.
scale() is not working.
a suggestion will be great

[ArtsandGadgetsStuff]

Can you please make a video on how to make a button like windows 10 (dark version) power button, settings button, pictures button and documents button from the start menu. They look so cool when we hover on to them as if the light comes from the mouse pointer, and even the borders of the button have more lighting than the button. Hope you will make my kind request true.

[madridmadrid]

Amazing! 
But doesn't work with chrome and firefox, ?
Just with safary ?
Can somebody check it?

[adegolublessing]

Interesting.... Thanks for this....💪💪👍👍👊

[NejdetACAR]

If we want to make a circle with a slightly higher number of characters (51 letters), we need to change where in the code. You should also mention the issue of being responsive please.

[andresroca]

Very very nice tut, thanks man. And also great channel. Like your walkthrough style. Suscribed! Muchos saludos.

[shaeimakter]

have any solution, circle are not coming

[AshishKumar-oobz]

the code isn't working i tried but the roatation is not coming in circle and the text is inverted

[SabbirHossain-oblm]

Where you got those ideas bro?
I really excited to Know

[sumitthakur]

@Online Tutorials can you please make a video to convert a image to the CD like structure in css

[dishant]

Hi, Im not getting that circle effect with perspective(1000px) property. I've crosschecked the code 3-4 times. help!