Change a single letter and form a new word

Image: Change a single letter and form a new word GIF

In this cool text animation byΒ Lisi Linhart, is great when you want to change one single letter from a word to change the word completely eg: Live/Love, Live/Life, etc. In this example the I from live flips and forms the character o to change live to the word love and it’s all done in pure CSS.

If you are having trouble with the pen, try the archived copy on GitHub

Flip a Letter Snippet

See the Pen Living the CSS-only life by Lisi (@lisilinhart) on CodePen.0

scroll to top
%d bloggers like this: