Added Animations

This commit is contained in:
James Dinh 2022-06-11 00:58:06 -07:00
parent fd0a0c0ad3
commit 325b94b815
2 changed files with 19 additions and 6 deletions

View File

@ -154,11 +154,11 @@ nav li a:focus::after{
opacity: 0; opacity: 0;
transform: translateY(-30px); transform: translateY(-30px);
} }
40% { 20% {
transform: translateY(0px); transform: translateY(0px);
opacity: 1; opacity: 1;
} }
60% { 40% {
transform: translateY(-7px); transform: translateY(-7px);
} }
100% { 100% {
@ -203,6 +203,14 @@ nav li a:focus::after{
#podium-label-2 { #podium-label-2 {
margin-left: 1px !important; margin-left: 1px !important;
} }
#header-background {
background-position: unset !important;
background-size: unset !important;
}
#logo {
height: 300px !important;
width: 300px !important;
}
} }
@media (max-width: 500px) { @media (max-width: 500px) {
#event, #rules, #prizes, #team { #event, #rules, #prizes, #team {
@ -281,8 +289,8 @@ nav li a:focus::after{
/* Header */ /* Header */
#header-background { #header-background {
background-image: url(/img/mountains-1.jpg); background-image: url(/img/mountains-1.jpg);
/* background-position: center; */ background-position: center;
/* background-size: cover; */ background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-attachment: fixed; background-attachment: fixed;
height: 100vh; height: 100vh;
@ -773,7 +781,7 @@ section {
text-align: left; text-align: left;
} }
.timeline-desc { .timeline-desc {
margin-top: 0; margin-top: -30px;
display: none; display: none;
} }
@ -1183,6 +1191,12 @@ section {
border: 1px solid white; border: 1px solid white;
} }
.cal-card:hover {
transform: translateY(-5px);
background-color: #0f1318;
transition: 0.5s;
}
#fri { #fri {
background-color: #18b14b65; background-color: #18b14b65;
} }

View File

@ -4,7 +4,6 @@
Official Gilroy Hacks Website Source Code -> HTML (https://gilroyhacks.com) Official Gilroy Hacks Website Source Code -> HTML (https://gilroyhacks.com)
For more info, contact jamesdinh77 (at) protonmail (dot) com For more info, contact jamesdinh77 (at) protonmail (dot) com
--> -->
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />