Michelle Barker • 8/13/2019

Variable Font Animation with CSS and Splitting JS

Read Original

This technical article explains variable fonts, their axes of variation (like weight and width), and demonstrates how to animate them using CSS keyframes and the font-variation-settings property. It includes a practical example of creating a 'breathing' text animation effect with CSS and a touch of JavaScript via the Splitting.js library.

0 comments
#JavaScript #css animation #Typography
Variable Font Animation with CSS and Splitting JS

Comments

No comments yet

Be the first to share your thoughts!

Browser Extension

Get instant access to AllDevBlogs from your browser

Top of the Week

1
The Beautiful Web
Jens Oliver Meiert • 2 votes
2
When your coding agent doesn’t understand your project, you’ll get junk
Benjamin Cane • 1 votes
3
LLM Use in the Python Source Code
Miguel Grinberg • 1 votes
4
Wagon’s algorithm in Python
John D. Cook • 1 votes
5
An example conversation with Claude Code
Dumm Zeuch • 1 votes