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

Posted by:Saijo George

Digital Marketer with a strong focus on technical SEO and design. One of the top 100 makers on Producthunt, co-organizer of the SEO Meetup in Melbourne, an instructor at General Assembly. Worked with brands like Envato, AEON. Currently the SEO Strategy Director at Supple.