You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/docs/index.mdx
+13-4Lines changed: 13 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -86,21 +86,30 @@ import { Icon } from "@astrojs/starlight/components";
86
86
<Cardtitle="The Basics"icon="open-book">
87
87
Everything you ever wanted to know about the View Transition API, in one place.
88
88
Explore what your browser is capable of and what is new in the API specification.
89
+
89
90
Dive into examples and see what holds the world of pseudo elements and their styling together at its core.
90
91
</Card>
91
92
<Cardtitle="Tools & Libraries"icon="pen">
92
-
As you dig deeper into View Transitions, you will quickly see how a little JavaScript here and there can unlock much more and make things even more fun. You do not have to build everything yourself. The Bag provides battle tested libraries and tools that make working with View Transitions easier, more enjoyable, and practical for real projects.
93
+
As you dig deeper into View Transitions, you will quickly see how a little JavaScript here and there can unlock much more and make things even more fun.
94
+
95
+
You do not have to build everything yourself. The Bag provides battle tested libraries and tools that make working with View Transitions easier, more enjoyable, and practical for real projects.
93
96
</Card>
94
97
<Cardtitle="Fun with View Transitions"icon="pen">
95
98
A journey told in episodes, starting with simple use cases and moving toward more
96
-
advanced applications. Along the way, it covers basic setup, image morphing,
99
+
advanced applications.
100
+
101
+
Along the way, it covers basic setup, image morphing,
97
102
fixing broken text transitions, and extended same page examples.
98
103
</Card>
99
104
<Cardtitle="Tips & Tricks"icon="pen">
100
-
What would a bag of tricks be without a few tips and tricks along the way? Everything here comes straight from real world practice, built for real world use. I have stumbled through the rough edges, chased down the weird bugs, and made all the mistakes already, so you do not have to.
105
+
What would a bag of tricks be without a few tips and tricks along the way? Everything here comes straight from real world practice, built for real world use.
106
+
107
+
I have stumbled through the rough edges, chased down the weird bugs, and made all the mistakes already, so you do not have to.
101
108
</Card>
102
109
<Cardtitle="Tech Demos"icon="pen">
103
-
Last but not least, it is all about "show, don't tell". New techniques are always easier to grasp when you can see them in action instead of just reading about them. The Tech Demos section at the end of the navigation links to all the examples, and there are, if I may say so with a bit of modesty, a few real gems in there.
110
+
Last but not least, it is all about "show, don't tell". New techniques are always easier to grasp when you can see them in action instead of just reading about them.
111
+
112
+
The Tech Demos section at the end of the navigation links to all the examples, and there are, if I may say so with a bit of modesty, a few real gems in there.
0 commit comments