소스 검색

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);
   }
 }