Waspello: Tilt cards when dragging (#2413)

Author: dabrorius

examples/waspello/src/cards/Main.css

@@ -233,6 +233,16 @@ button.open-add-list {
 
   background-color: #ebecf0;
   border-radius: 3px;
+
+  transition: transform 200ms ease-in-out;
+}
+
+.list--dragging {
+  transform: rotate(2deg);
+}
+
+.list--drop-animating {
+  transform: rotate(0deg);
 }
 
 .list-header {
@@ -418,6 +428,15 @@ textarea.card-composer-textarea {
   margin-bottom: 8px;
   padding: 6px 8px 2px;
   box-shadow: 0 1px 0 rgb(9 30 66 / 25%);
+  transition: transform 200ms ease-in-out;
+}
+
+.list-card--dragging {
+  transform: rotate(4deg);
+}
+
+.list-card--drop-animating {
+  transform: rotate(0deg);
 }
 
 .list-card-title {