From 1e31e3ea4c596ee0e801fd59984f6be4a68d4e95 Mon Sep 17 00:00:00 2001
From: Ivan Vorobei <hello@ivanvorobei.io>
Date: Wed, 26 Jun 2019 08:06:33 +0300
Subject: [PATCH] Update README.md

---
 README.md | 34 ++++++++++++++++++++++++++++++++--
 1 file changed, 32 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 4dce4a7..300791b 100644
--- a/README.md
+++ b/README.md
@@ -51,9 +51,39 @@ Also include:
 
 ## Projects
 
-#### Cards
+### Animatable Cards
 
-<img src="https://hsto.org/webt/xh/3t/eq/xh3teq68fx1bujdlsgpon4jtijo.gif" width="280">
+<img align="left" src="https://hsto.org/webt/xh/3t/eq/xh3teq68fx1bujdlsgpon4jtijo.gif" width="280">
+
+#### Gester, Animation, 3D
+
+In class add property:
+
+```swift
+@GestureState var dragState = DragState.inactive
+```
+
+And in `body` create gester object:
+
+```
+let dragGester = DragGesture()
+    .updating($dragState) { (value, state, transaction) in
+        state = .dragging(translation: value.translation)
+    }
+```
+
+To card add `gester` and `offset`:
+
+```swift
+.offset(
+    x: dragState.translation.width,
+    y: dragState.translation.height
+)
+.rotationEffect(Angle(degrees: Double(dragState.translation.width / 10)))
+.shadow(radius: dragState.isActive ? 8 : 0)
+.animation(.spring())
+.gesture(dragGester)
+```
 
 #### Transition And Blur