@jsenv/navi 0.29.135 → 0.29.136
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/jsenv_navi.js +178 -102
- package/dist/jsenv_navi.js.map +5 -4
- package/docs/route_transitions.md +14 -0
- package/package.json +1 -1
|
@@ -253,6 +253,20 @@ half-transparent pictures to add up rather than cover each other
|
|
|
253
253
|
(`mix-blend-mode: plus-lighter`, as the shipped `zoom` and the demo's `spin`
|
|
254
254
|
both do). A movement where both pages move wants what navi poses.
|
|
255
255
|
|
|
256
|
+
A custom type can also say its two keyframes **as values**, next to the rules
|
|
257
|
+
that play them:
|
|
258
|
+
|
|
259
|
+
```css
|
|
260
|
+
:root[data-navi-route-transition-type="spin"][data-navi-route-transition="forward"] {
|
|
261
|
+
--navi-route-transition-leave: spin-out;
|
|
262
|
+
--navi-route-transition-enter: spin-in;
|
|
263
|
+
}
|
|
264
|
+
```
|
|
265
|
+
|
|
266
|
+
That is what a fixed bar belonging to one of the two states is given to travel
|
|
267
|
+
with the page it belongs to (see the transition area above). Nothing else reads
|
|
268
|
+
them, and a type that publishes nothing leaves such a bar to the browser's fade.
|
|
269
|
+
|
|
256
270
|
## Two routes matching one url
|
|
257
271
|
|
|
258
272
|
A relation is written between two pages, and it is resolved through **which page
|