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>
</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> <a class="scroll-down-link-block"><div class="scroll-down-icon">&rsaquo;</div></a>
</div> </div>
</section> </section>

8
main.css
View File

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