Skip to content

Commit a9a6442

Browse files
author
Adam Argyle
committed
use and tell about cdn
1 parent c5993ad commit a9a6442

3 files changed

Lines changed: 5 additions & 5 deletions

File tree

README.md

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,15 +4,16 @@
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
1819
After `transition.css` has been added to your project, add an attribute to an element:

app/css/index.css

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
1-
@import "../../src/index.css";
2-
31
:root {
42
--surface: lch(10 0 0);
53
--surface2: lch(5 0 0);

app/index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@
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>

0 commit comments

Comments
 (0)