File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 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
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
You can’t perform that action at this time.
0 commit comments