File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 44</a >
55</p >
66
7- [ ![ Netlify Status] ( https://api.netlify.com/api/v1/badges/59a03ed4-bf70-4441-b65c-200bcd61c013 /deploy-status )] ( https://app.netlify.com/sites/shortstax /deploys )
7+ [ ![ Netlify Status] ( https://api.netlify.com/api/v1/badges/58d0ecf5-6241-4209-aa35-cf09983e0b37 /deploy-status )] ( https://app.netlify.com/sites/transitions-css /deploys )
88
99### Just-add-water CSS clip-path transitions
1010
1111
1212
1313#### Installation
14- 1 . ` npm i transition-style `
15- 1 . TODO: CDN ` https://cdnjs.cloudflare.com/ajax/libs/transition.css/1.0.0/transition.min.css `
14+ 1 . ` npm i transition-style ` & ` @import 'transition-style' `
15+ OR
16+ 1 . Use a CDN ` https://unpkg.com/transition-style `
1617
1718#### Usage
1819After ` transition.css ` has been added to your project, add an attribute to an element:
Original file line number Diff line number Diff line change 1- @import "../../src/index.css" ;
2-
31: root {
42 --surface : lch (10 0 0 );
53 --surface2 : lch (5 0 0 );
Original file line number Diff line number Diff line change 1010 < meta name ="description " content ="just add water clip-path mask transitions ">
1111
1212 < link rel ="stylesheet " href ="bundle.css ">
13+ < link rel ="stylesheet " href ="//unpkg.com/transition-style ">
1314 < script src ="bundle.js " type ="module " defer > </ script >
1415 </ head >
1516 < body >
You can’t perform that action at this time.
0 commit comments