Creating Curving Text With JavaScript And CSS3 – Emblem

Category: Javascript , Text | September 2, 2016
AuthorGeorgeHastings
Last UpdateSeptember 2, 2016
LicenseMIT
Tags
Views488 views
Creating Curving Text With JavaScript And CSS3 – Emblem

Emblem is a tiny, standalone JavaScript for creating curving text that arranges each letter along a circle. Heavily based on CSS3 3D transforms.

How to use it:

To get started, you have to load the Emblem.js library at the end of the document.

<script src="emblem.js"></script>

Wrap your text into a DIV container as follow:

<div class="emblem">CSS*Script*Com*</div>

Initialize the Emblem on this container and done.

Emblem.init('.emblem');

You Might Be Interested In:


Leave a Reply