This commit is contained in:
bingus_violet 2024-09-26 14:14:44 -05:00
parent 2c8029eaf1
commit 2e32af9e9d
2 changed files with 16 additions and 18 deletions

View file

@ -3,6 +3,10 @@
intended for the main page of the site! intended for the main page of the site!
*/ */
body {
animation: hideContent 0.75s;
}
.mainTitle { .mainTitle {
font-size: min(calc(2rem + 2vw), 3rem); font-size: min(calc(2rem + 2vw), 3rem);
display: block; display: block;
@ -34,7 +38,9 @@
.animatedMain { .animatedMain {
opacity: 1; opacity: 1;
animation: fadeDelay 2s cubic-bezier(0.075, 0.82, 0.165, 1); animation: fadeDelay 1s cubic-bezier(0.075, 0.82, 0.165, 1);
animation-delay: 1.25s;
animation-fill-mode: both;
} }
.animatedTitle { .animatedTitle {
@ -82,6 +88,10 @@ img:not(.project-inner > div > img):not(.activity>img) {
transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1);
} }
.statusColor {
transition: color 2s cubic-bezier(0.075, 0.82, 0.165, 1);
}
@keyframes spinny { @keyframes spinny {
0% { 0% {
rotate: 0deg; rotate: 0deg;
@ -96,37 +106,27 @@ img:not(.project-inner > div > img):not(.activity>img) {
0% { 0% {
transform: translateY(calc(50vh - 6rem)) scale(1.5); transform: translateY(calc(50vh - 6rem)) scale(1.5);
opacity: 0; opacity: 0;
/* height: 4rem; */
} }
/* 50% { 50% {
opacity: 1; opacity: 1;
transform: translateY(calc(50vh - 6rem)) scale(1.25); transform: translateY(calc(50vh - 6rem)) scale(1.25);
} */ }
100% { 100% {
transform: translateY(0) scale(1); transform: translateY(0) scale(1);
} }
} }
.statusColor {
transition: color 2s cubic-bezier(0.075, 0.82, 0.165, 1);
}
@keyframes fadeDelay { @keyframes fadeDelay {
/* 0% {
opacity: 0;
transform: translateY(25vh);
display: none;
} */
0% { 0% {
display: none;
opacity: 0; opacity: 0;
transform: translateY(25vh); transform: translateY(25vh);
display: none;
} }
100% { 100% {
display: block;
opacity: 1; opacity: 1;
transform: translateY(0); transform: translateY(0);
} }
@ -138,7 +138,7 @@ img:not(.project-inner > div > img):not(.activity>img) {
overflow-x: hidden; overflow-x: hidden;
} }
30% { 100% {
overflow-y: hidden; overflow-y: hidden;
overflow-x: hidden; overflow-x: hidden;
} }

View file

@ -71,8 +71,6 @@ body {
background: linear-gradient(rgb(30, 4, 75), black); background: linear-gradient(rgb(30, 4, 75), black);
background-attachment: local; background-attachment: local;
animation: hideContent 2.5s;
} }
body, html { body, html {