Skip to content

Commit 48092b8

Browse files
author
Adam Argyle
authored
syntax highlight updates
1 parent dbeae36 commit 48092b8

1 file changed

Lines changed: 19 additions & 4 deletions

File tree

README.md

Lines changed: 19 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -12,20 +12,35 @@
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**
2129
1. `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`

0 commit comments

Comments
 (0)