Skip to content

Commit 03a8168

Browse files
author
Adam Argyle
authored
small hackpack mentions and organization
1 parent b64e465 commit 03a8168

1 file changed

Lines changed: 8 additions & 6 deletions

File tree

README.md

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
</p>
1313

1414
### Just-add-water CSS clip-path transitions
15-
15+
State machine style; set the attribute `<div transition="in:wipe:up">...</div>` and watch it go 👍
1616

1717

1818
#### Installation
@@ -31,11 +31,13 @@
3131
- Polygons: `https://unpkg.com/transition-style/transition.polygons.min.css`
3232
- Wipes: `https://unpkg.com/transition-style/transition.wipes.min.css`
3333

34-
**THE HACKPACK** `https://unpkg.com/transition-style/transition.hackpack.min.css`
35-
ONLY the custom properties and a few base styles. **More options, more control, smaller import.**
36-
Build [custom](#custom) `@keyframe` animations with them and much more. Make multi-part transitions
37-
that aren't just from and to. You can even break away from the use of attributes and make your own BEM class convention.
38-
Grab the reigns, grab the hackpack.
34+
**THE HACKPACK**
35+
`https://unpkg.com/transition-style/transition.hackpack.min.css`
36+
ONLY the custom properties and a couple base styles. **More options, more control, smaller import.**
37+
Build [custom](#custom) `@keyframe` animations and MUCH more:
38+
- custom transitions leveraging provided variables
39+
- multi-part transitions that aren't just `from` and `to`
40+
- use classes (make your own BEM convention) or integrate in your CSS-in-JS architecture or front end framework
3941

4042
> Custom properties ship with each `.min.css` as well
4143

0 commit comments

Comments
 (0)