Specify view-transition-nane: match-element

Author: vmpstr

css-view-transitions-2/Overview.bs

@@ -537,14 +537,35 @@ spec:css2; type:dfn; text:viewport
 		: <dfn>none</dfn>
 		:: The [=/element=] will not participate independently in a view transition.
 
+		: <dfn>match-element</dfn>
+		:: The [=/element=] will participate in the transition
+			with a user-agent generated name that is unique to the [=/element=].
+
+			<div class="example">
+				```html
+				<style>
+					.card {
+						view-transition-name: match-element;
+					}
+				</style>
+				<div id=e1 class=card>Card 1</div>
+				<div id=e2 class=card>Card 2</div>
+				```
+				In this example, both `#e1` and `#e2` participate in the transition and match against
+				themselves: `#e1` matches with `#e1` and `#e2` matches with `#e2` since they have unique
+				persistent names. In effect, this allows view transition to animate the visual change
+				in several elements with a simple rule.
+			</div>
+
+
 		: <dfn><<custom-ident>></dfn>
 		:: The [=/element=] participates independently in a view transition--
 			as either an old or new [=/element=]--
 			with the specified [=view transition name=].
 
 			Each [=view transition name=] is a [=tree-scoped name=].
 
-			The values <css>none</css>, <css>auto</css>, and <css>match-element</css> are excluded from <<custom-ident>> here.
+			The values <css>none</css>, and <css>auto</css>, excluded from <<custom-ident>> here.
 
 			Note: If this name is not unique
 			(i.e. if two elements simultaneously specify the same [=view transition name=])