Show video preview inside README

This commit is contained in:
BlazerYoo 2022-08-17 14:01:40 -04:00 committed by GitHub
parent db9a2ed32f
commit ff067fca69
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -30,7 +30,8 @@ myView.transition(.movingParts.anvil)
## Anvil
![A view dropping down like an avil, hitting the ground in a cloud of dust.](./previews/anvil.mov)
<!--![A view dropping down like an avil, hitting the ground in a cloud of dust.](./previews/anvil.mov)-->
https://user-images.githubusercontent.com/69565038/185209401-97735306-ed34-496d-911c-643df0ea2dea.mov
A transition that drops the view down from the top.
@ -51,7 +52,8 @@ static var blur: AnyTransition
## Boing
![A view dropping down, deforming as it hits its resing position as if made from jelly.](./previews/boing.mov)
<!--![A view dropping down, deforming as it hits its resing position as if made from jelly.](./previews/boing.mov)-->
https://user-images.githubusercontent.com/69565038/185209566-abf21b51-9a9e-4bb9-91c5-e0fb5c0936a3.mov
A transition that moves the view down with any overshoot resulting in an
elastic deformation of the view.
@ -103,7 +105,8 @@ static func flicker(count: Int) -> AnyTransition
## Flip
![A view rotating into view.](./previews/flip.mov)
<!--![A view rotating into view.](./previews/flip.mov)-->
https://user-images.githubusercontent.com/69565038/185209630-d78bcaaa-f739-419f-a57b-815c77c7233a.mov
A transition that inserts by rotating the view towards the viewer, and
removes by rotating the view away from the viewer.
@ -135,7 +138,8 @@ In this example, the removal of the view is using a glare with an
exponential ease-in curve, combined with a anticipating scale animation,
making for a more dramatic exit.
![A view that appears with a white steak and disappears with the same streak, combined with a rising up animation.](./previews/glare.mov)
<!--![A view that appears with a white steak and disappears with the same streak, combined with a rising up animation.](./previews/glare.mov)-->
https://user-images.githubusercontent.com/69565038/185209680-11184d6a-907f-4933-83a1-4f85a947e1ac.mov
```swift
infoBox
@ -208,7 +212,8 @@ static func move(angle: Angle) -> AnyTransition
## Pop
![A view that appears following a ripple effect and colored particles.](./previews/pop.mov)
<!--![A view that appears following a ripple effect and colored particles.](./previews/pop.mov)-->
https://user-images.githubusercontent.com/69565038/185209730-0a270355-5bd7-4b14-bf38-cbb731162e90.mov
A transition that shows a view with a ripple effect and a flurry of
tint-colored particles.
@ -257,7 +262,8 @@ removes by rotating to the specified rotation in three dimensions.
In this example, the view is rotated 90˚ about the y axis around
its bottom edge as if it was rising from lying on its back face:
![A view that raises up from lying on its back, overshooting as it does.](./previews/rotate3d.mov)
<!--![A view that raises up from lying on its back, overshooting as it does.](./previews/rotate3d.mov)-->
https://user-images.githubusercontent.com/69565038/185209777-0feeea04-488e-41af-9f89-7dd019fd065e.mov
```swift
Text("Hello")
@ -288,7 +294,8 @@ static func rotate3D(_ angle: Angle, axis: (x: CGFloat, y: CGFloat, z: CGFloat),
## Skid
![A sliding in from the left, overshowing and deforming as it moves.](./previews/skid.mov)
<!--![A sliding in from the left, overshowing and deforming as it moves.](./previews/skid.mov)-->
https://user-images.githubusercontent.com/69565038/185209827-5239a75e-f1eb-406b-8250-58851c358863.mov
A transition that moves the view in from its leading edge with any
overshoot resulting in an elastic deformation of the view.
@ -318,7 +325,8 @@ static var swoosh: AnyTransition
## Vanish
![A view that dissolves into many small particles.](./previews/vanish.mov)
<!--![A view that dissolves into many small particles.](./previews/vanish.mov)-->
https://user-images.githubusercontent.com/69565038/185209880-25d91221-e433-4e77-be53-39c3b8883d44.mov
A transition that dissolves the view into many small particles.