Browse Source

Анимации остальных заголовков

VE 8 months ago
parent
commit
67dd06a1f4
1 changed files with 27 additions and 0 deletions
  1. 27 0
      css/aniText.css

+ 27 - 0
css/aniText.css

@@ -0,0 +1,27 @@
+svg text {
+    /* font-family: Lora; */
+    letter-spacing: 10px;
+    stroke: #ff7b7b;
+    font-size: 100px;
+    font-weight: 700;
+    stroke-width: 3;
+   
+    animation: textAnimate 5s infinite alternate;
+    
+  }
+  
+  @keyframes textAnimate {
+    0% {
+      stroke-dasharray: 0 50%;
+      stroke-dashoffset:  20%;
+      fill:hsl(0, 100%, 64%)
+  
+    }
+    
+    100% {
+      stroke-dasharray: 50% 0;
+      stroke-dashoffstet: -20%;
+      fill: hsla(0, 78%, 41%, 0.081)
+    }
+    
+  }