Superscript style del and inline ins text style using CSS

del ins hover animation text animation
Image: Superscript style del and inline ins text style using CSS GIF

This del and ins style was designed by Daniel Fontes and shows the del text as a superscript with a cross out over the ins text content. On hover the strikeout is removed and the inserted text gets a green underline.

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

Superscript style del Snippet

See the Pen & by Daniel Fontes (@dffontes) 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.