# .animation

## Overview

Adds animation to an object.

In animations order is changes many things. So try different things and put them in a rright order.

## Subjects

## .withAnimation()

\#animatableData

animates the shape

{% embed url="<https://youtu.be/27ZvPQMYS6E>" %}
[Hacking with Swift / 100 Days / Day-45 / Animating simple shapes with animatableData](https://www.hackingwithswift.com/books/ios-swiftui/animating-simple-shapes-with-animatabledata)
{% endembed %}

## AnimatablePair

\#EdgeInset

{% embed url="<https://youtu.be/YSBXJvANWSo>" %}
[Hacking with Swift / 100 Days / Day-45 - Animating complex shapes with AnimatablePair](https://www.hackingwithswift.com/books/ios-swiftui/animating-complex-shapes-with-animatablepair)
{% endembed %}

### withAnimation {}

### Spring Animation

{% embed url="<https://youtu.be/XcX69hhJqE8>" %}
[Hacking with Swift / 100 Days / Day-90 - Fixing the bugs](https://www.hackingwithswift.com/books/ios-swiftui/fixing-the-bugs)
{% endembed %}

**Tags**: #

### .animation

.slide => Slides to the right side

.opacity => Fades

.scale => ???

## Sources

### Videos

{% embed url="<https://youtu.be/j0eQQXspSQY>" %}

{% embed url="<https://youtu.be/Rbcabi9vRcc>" %}

{% embed url="<https://youtu.be/CHInKa9xbKE>" %}

{% embed url="<https://youtu.be/5A4yJhb1ogg>" %}

{% embed url="<https://youtu.be/laVLtkWjybM>" %}

{% embed url="<https://youtu.be/OtOUi60oeyg>" %}

{% embed url="<https://youtu.be/jySfyxQGMFg>" %}

{% embed url="<https://youtu.be/ktb5PP_Ruws>" %}

### Articles / Documents

* [Hacking with Swift / 100 Days / Day-32 - Project-6](https://www.hackingwithswift.com/100/swiftui/32)
* [Hacking with Swift / 100 Days / Day-33 - Project-6](https://www.hackingwithswift.com/100/swiftui)