Italicize Text Using CSS Rotate – Superior Italic

Preview:

Description:

Superior Italic is a tiny JavaScript library that allows developers to italicize text using JavaScript and modern CSS. It leverages the CSS rotate property to slant characters at a specified angle instead of applying the default italic styling.

How to use it:

1. Download and import the Superior Italic library.

<script src="/lib/superior-italic.js"></script>

2. Wrap your text in the <i> tag and the library handles transforming the text at runtime.

<i>CSSScript</i>

3. The data-angle attribute allows infinite control over the angle of italics. Go beyond the traditional left-leaning italics with more dramatic forward or backward-slanting text.

<i data-angle="15">CSSScript</i>
<i data-angle="-20">CSSScript</i>