DEV Community

Cover image for ⚡ CSS Text Animations
Adrian Twarog
Adrian Twarog

Posted on

⚡ CSS Text Animations

This is a quick video to show you how you can perform a few different text animations ⚡ for your website.

You can use these types of animation effects for landing pages, transitions and hover effects.

The types of animations we will go through are the most popular and easy ones including:

  • keyframe animation
  • hover animation
  • text-shadow (allows you to perform glow effects)
  • letter-spacing (expanding text!)
  • opacity
  • font-size
  • font-weight
  • line-height
  • background-clip

There are lots of other ways we can do animation, but those are just a few. If you like the content of content, I would really appreciate a follow on twitter on a subscription on youtube as I am trying to branch out to provide more useful content. 👍

If you have suggestions on things you might want to see, please leave it in the comments below. 😊

Quick Link to the video: https://youtu.be/UugW7G7rsYQ

Follow and support me:

Special thanks if you subscribe to my channel :)

Want to see more:

I will try to post new great content every day. Here are the latest items:

Top comments (0)