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- State machine style; set the attribute ` <div transition="in:wipe:up">👍</div> `
15+ import and set the attribute
16+
17+ ``` html
18+ <link rel =" stylesheet" href =" https://unpkg.com/transition-style" >
19+
20+ <div transition =" in:wipe:up" >
21+ 👍
22+ </div >
23+ ```
1624
1725<img src =" https://github.com/argyleink/transition.css/blob/main/demo/wipe-up.gif?raw=true " />
1826
1927#### Installation
2028** NPM**
21291 . ` npm i transition-style `
22- 2 . ` @import "transition-style"; ` from CSS
23- 3 . or ` import 'transition-style'; ` from JS
30+ 2 . from ** CSS**
31+ ``` css
32+ @import " transition-style" ;
33+ ```
34+ 3 . or from ** JS**
35+ ``` js
36+ import ' transition-style' ;
37+ ```
2438
2539<br >
2640
2741** CDN**
28- ** Latest:** ` https://unpkg.com/transition-style `
42+ ` https://unpkg.com/transition-style `
43+
2944** Individual Category Bundles**
3045 - Circles: ` https://unpkg.com/transition-style/transition.circles.min.css `
3146 - Squares: ` https://unpkg.com/transition-style/transition.squares.min.css `
You can’t perform that action at this time.
0 commit comments