UNPKG

splitting

Version:

Micro-library to split a DOM element's words & chars into elements populated with CSS vars.

splitting.js.org

shshaw/splitting

29 lines (18 loc) • 1.62 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
# [<img src="https://splitting.js.org/splitting.gif" alt="Splitting.js" style="max-width: 100%; height:auto" />](https://splitting.js.org) ### _CSS Vars for split words, chars & more!_ ![The current build status based on whether tests are passing](https://api.travis-ci.org/shshaw/Splitting.svg?branch=1.0.0) ![The Uncompressed size of Splitting](https://img.shields.io/bundlephobia/min/splitting.svg?label=Minified%20Size) ![The GZIP size of Splitting](https://img.shields.io/bundlephobia/minzip/splitting.svg?label=GZIP%20Size) ![License: MIT](https://img.shields.io/npm/l/splitting.svg?label=License) Splitting.js is a JavaScript microlibrary designed to split (section off) an element in a variety of ways, such as words, characters, child nodes, and more! Most Splitting methods utilize a series of `<span>`s populated with CSS variables and data attributes unlocking transitions and animations that were previously not feasible with CSS. Install with `npm i splitting -s` or [Download](https://github.com/shshaw/Splitting/archive/master.zip). Consult the [guide & documentation](https://splitting.js.org/guide.html) for more details and installation instructions. - [**Guide & Documentation**](https://splitting.js.org/guide.html) - [**Demos**](https://codepen.io/collection/43588e4b7beaaf25ede7e38e61441e54/) --- ## Maintainers | Maintainer | GitHub | Twitter | | :- | :- | :- | | Stephen Shaw | [@shshaw](https://github.com/shshaw) | [@shshaw](https://twitter.com/shshaw) | | Christopher Wallis | [@notoriousb1t](https://github.com/notoriousb1t) | [@notoriousb1t](https://twitter.com/notoriousb1t) |