Make sure to check out this project on Forgejo!
diff --git a/static/root.css b/static/root.css index 56ddb30..f062c3c 100644 --- a/static/root.css +++ b/static/root.css @@ -14,10 +14,6 @@ body { line-height: min(calc(2.2rem + 2vw), 3rem); } -#textWrapper { - animation: textFade 1s cubic-bezier(0.075, 0.82, 0.165, 1); -} - #card { background-color: rgba(10, 5, 90); padding: 15px; @@ -41,8 +37,8 @@ body { } .animatedTitle { - animation: mainText 1s cubic-bezier(0.075, 0.82, 0.165, 1); - animation-delay: 1s; + animation: mainText 2s cubic-bezier(0.075, 0.82, 0.165, 1); + /* animation-delay: 1s; */ animation-fill-mode: both; margin: auto; max-width: 75%; @@ -122,13 +118,11 @@ img:not(.project-inner > div > img):not(.activity>img) { } @keyframes mainText { - /* 0% { - transform: translateY(calc(50vh - 6rem)) scale(1.5); - opacity: 0; - } */ - 0% { - opacity: 1; + transform: translateY(calc(50vh - 6rem)) scale(1.5); + } + + 50% { transform: translateY(calc(50vh - 6rem)) scale(1.25); } @@ -137,18 +131,6 @@ img:not(.project-inner > div > img):not(.activity>img) { } } -@keyframes textFade { - 0% { - transform: scale(1.15); - /* opacity: 0; */ - } - - 100% { - transform: scale(1); - /* opacity: 1; */ - } -} - @keyframes hideContent { 0% { overflow-y: hidden;