Skip to content

Commit 55c45cd

Browse files
authored
Stwhi main/slightly hardening the repo (#3743)
* this is safer * this is safer 2
1 parent b6accee commit 55c45cd

File tree

1 file changed

+0
-10
lines changed

1 file changed

+0
-10
lines changed

hub/apps/design/motion/connected-animation.md

Lines changed: 0 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -39,12 +39,6 @@ In this short video, an app uses a connected animation to animate an item image
3939

4040
![Connected Animation](images/connected-animations/example.gif)
4141

42-
<!--
43-
<iframe width=640 height=360 src='https://microsoft.sharepoint.com/portals/hub/_layouts/15/VideoEmbedHost.aspx?chId=552c725c%2De353%2D4118%2Dbd2b%2Dc2d0584c9848&amp;vId=b2daa5ee%2Dbe15%2D4503%2Db541%2D1328a6587c36&amp;width=640&amp;height=360&amp;autoPlay=false&amp;showInfo=true' allowfullscreen></iframe>
44-
-->
45-
46-
47-
4842
## Connected animation and the Fluent Design System
4943

5044
The Fluent Design System helps you create modern, bold UI that incorporates light, depth, motion, material, and scale. Connected animation is a Fluent Design System component that adds motion to your app. To learn more, see the [Fluent Design overview](../index.md).
@@ -284,10 +278,6 @@ private async void ContactsListView_Loaded(object sender, RoutedEventArgs e)
284278

285279
![Coordinated Animation](images/connected-animations/coordinated_example.gif)
286280

287-
<!--
288-
<iframe width=640 height=360 src='https://microsoft.sharepoint.com/portals/hub/_layouts/15/VideoEmbedHost.aspx?chId=552c725c%2De353%2D4118%2Dbd2b%2Dc2d0584c9848&amp;vId=9066bbbe%2Dcf58%2D4ab4%2Db274%2D595616f5d0a0&amp;width=640&amp;height=360&amp;autoPlay=false&amp;showInfo=true' allowfullscreen></iframe>
289-
-->
290-
291281
A *coordinated animation* is a special type of entrance animation where an element appears along with the connected animation target, animating in tandem with the connected animation element as it moves across the screen. Coordinated animations can add more visual interest to a transition and further draw the user’s attention to the context that is shared between the source and destination views. In these images, the caption UI for the item is animating using a coordinated animation.
292282

293283
When a coordinated animation uses the gravity configuration, gravity is applied to both the connected animation element and the coordinated elements. The coordinated elements will "swoop" alongside the connected element so the elements stay truly coordinated.

0 commit comments

Comments
 (0)