File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 14141 . ` npm i transition-style ` & ` @import 'transition-style' `
1515OR
16161 . Use a CDN ` https://unpkg.com/transition-style `
17+ OR
18+ 1 . Grab individual categories
19+ - ` https://unpkg.com/transition-style/transition.circles.min.css `
20+ - ` https://unpkg.com/transition-style/transition.squares.min.css `
21+ - ` https://unpkg.com/transition-style/transition.polygons.min.css `
22+ - ` https://unpkg.com/transition-style/transition.wipes.min.css `
1723
1824#### Usage
1925After ` transition.css ` has been added to your project, add an attribute to an element:
2026
2127``` html
22- <div transition =" in:circle:bottom-right" >A transitioned element</div >
28+ <div transition =" in:circle:bottom-right" >
29+ A transitioned IN element
30+ </div >
31+
32+ <div transition =" out:wipe:down" >
33+ A transitioned OUT element
34+ </div >
2335```
2436
2537#### Play
You can’t perform that action at this time.
0 commit comments