Fixed??
This commit is contained in:
parent
2c8029eaf1
commit
2e32af9e9d
2 changed files with 16 additions and 18 deletions
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue