In this article, I will show you how to add some flair to a piece of text using CSS animation with keyframes.

This will be the end result.

Image for post
Image for post

If you’re comfortable with HTML and CSS and want to view the source code now, I’ve created a codepen here.

If you want to understand how this works, keep reading.

First, we need to set up our HTML text element. You can use any text element that you want. For this example, I’m using an <H1></H1> heading tag.


mike bocon

full-stack developer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store