tben/personal-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

minor edit

Browse Source
This commit is contained in:
BenjaminToby 2021-05-26 08:11:04 +01:00
parent b565ca5284
commit af1a0598cd
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -75,7 +75,7 @@
</div>
</div>
</div>
<div class="container-1200px" style="justify-content:center;align-items:center;">
<div class="container-1200px" style="justify-content:center;align-items:center;padding:0;margin-top:-20px;">
<a class="scroll-down-link-block"><div class="scroll-down-icon">&rsaquo;</div></a>
</div>
</section>

8
main.css
View File

@ -374,7 +374,7 @@ section.hero-section {
.hero-image-blur {
width: 500px;
height: 500px;
background-color: rgba(0,0,0,0.1);
background-color: #0D2659;
border-radius: 1000px;
position: absolute;
top: 0;
@ -382,6 +382,7 @@ section.hero-section {
transform: translateZ(-400px);
filter: blur(50px);
z-index: -1;
opacity: .2;
}
.scroll-down-icon {
@ -396,17 +397,18 @@ section.hero-section {
transition: all .3s ease-out;
position: relative;
animation: scrolldownicon 2s infinite;
animation-timing-function: ease-out;
animation-timing-function: ease-in-out;
}
.scroll-down-link-block:hover {
border: none;
opacity: 1;
animation-play-state: paused;
}
@keyframes scrolldownicon {
0% {top: 0;}
50% {top: 10px;}
50% {top: 20px;}
100% {top: 0;}
}