Add SplitText component

2021-10-18 16:18:16 +02:00
parent 7f8dc8cec6
commit 691e499e9e
3 changed files with 65 additions and 5 deletions
--- a/src/style/_base.scss
+++ b/src/style/_base.scss
@@ -78,10 +78,8 @@ button {
    transform-style: preserve-3d;
    will-change: transform;
 }
-.words-3d {
-    perspective: 800px;
-
-    span {
-        transform-origin: 0 85%;
+.text-split {
+    span, &__line {
+        transition: opacity 0.7s var(--ease-quart), transform 0.7s var(--ease-quart);
    }
 }