Bracket Animation

• css
• text effect

Here’s another fairly common text animation technique which I see all the time. It uses brackets with rotating text almost like a rolodex on the page.

Here’s another fairly common text animation technique which I see all the time. It uses brackets with rotating text almost like a rolodex on the page.


This animation mimics the typing carousel effect I mentioned earlier, except this can be made with just CSS. It relies on a custom looping animation that moves from one CSS keyframe to another, each frame displaying a different word or phrase in the rotating text.
I find this effect much subtler and easier to read on a homepage. If you’re looking for some cool text effects for your homepage this would be an excellent choice.