Add transition animation (#6)

AmoebeLabs · Nov 15, 2019 · 2e00adb · 2e00adb
1 parent 58171b4
commit 2e00adb
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/flex-horseshoe-card.js b/flex-horseshoe-card.js
@@ -1104,7 +1104,8 @@ class FlexHorseshoeCard extends LitElement {
 					stroke-dasharray="${this.dashArray}"
 					stroke-width="${this.config.horseshoe_state.width || 12}" 
 					stroke-linecap="round"
-					transform="rotate(-220 100 100)"/>
+					transform="rotate(-220 100 100)"
+					style="transition: all 2.5s ease-out;"/>
 				
 				${this._renderTickMarks()}
 			</g>