Collection of free HTML and CSS <sup> & <sub> code examples (with little JS).

Demo image: <sup> <sub> <sup> <sub> - GIF Demo

Creator

  • Carl

Programming language

  • HTML / CSS (SCSS)

Information the code

<sup> <sub>

Simple animation for HTML <sup> & <sub> elements.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Dependencies:

Demo image: Complete the Story Complete the Story - GIF Demo

Creator

  • Gabriele Corti

Programming language

  • HTML / CSS (Stylus) / JavaScript

Information the code

Complete the Story

The sup and sub elements. A simple page in which you can choose between two alternatives in order to fill a multitude of sentences.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Dependencies:

Demo image: Sup and Sub Elements Sup and Sub Elements - GIF Demo

Creator

  • Jaymie Rosen

Programming language

  • HTML / CSS / JavaScript

Information the code

Sup and Sub Elements

Hover (click for mobile) over the sup and sub elements to reveal a tooltip.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Dependencies:

Demo image: Sub/Sup Toggle Sub/Sup Toggle - GIF Demo

Creator

  • Adam Kuhn

Programming language

  • HTML / CSS (SCSS)

Information the code

Sub/Sup Toggle

Sub/Sup toggle by click.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Dependencies:

Demo image: Sup-er Dates

Creator

  • Chris Rickels

Programming language

  • HTML / CSS (SCSS)

Information the code

Sup-er Dates

Fancy dates with an 80s vibe.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Dependencies: bootstrap.css, font-awesome.css

Demo image: <sup> & <sub>: Math Sums & Products

Creator

  • Leena Lavanya

Programming language

  • HTML / CSS / JavaScript

Information the code

<sup> & <sub>

<sup> & <sub>: math sums and products.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Dependencies: jquery.js

Demo image: <sup> and <sub> <sup> and <sub> - GIF Demo

Creator

  • Jason Yeung

Programming language

  • HTML (Pug) / CSS (SCSS)

Information the code

Animated <sup> & <sub>

Funny animation for HTML <sup> & <sub> tags.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Dependencies:

Demo image: HTML Sub and Sup HTML Sub and Sup - GIF Demo

Creator

  • Allistair Lee

Programming language

  • HTML / CSS / JavaScript

Information the code

HTML Sub and Sup

Simple word editor.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Dependencies: bootstrap.css, font-awesome.css, jquery.js