瀏覽代碼

Add pulsation effect to warning sign

Carsten Porth 5 年之前
父節點
當前提交
925d810d3a
共有 1 個文件被更改,包括 13 次插入0 次删除
  1. 13 0
      app/src/pages/write-tweet/write-tweet.scss

+ 13 - 0
app/src/pages/write-tweet/write-tweet.scss

@@ -36,5 +36,18 @@ page-write-tweet {
   }
   ion-icon.warning {
     color: orange;
+    animation: pulse 1.8s infinite;
+  }
+}
+
+@keyframes pulse {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.3);
+  }
+  100% {
+    transform: scale(1);
   }
 }