kevin/KevinK.dev.js
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/KevinK.dev.js.git synced 2025-06-17 01:52:02 +02:00
Code Issues Projects Releases Wiki Activity

Add particles to home-background

Browse source
This commit is contained in:
Kevin Kandlbinder 2021-04-12 14:28:35 +00:00 • committed by GitHub
parent ee74c99773
commit cf18ac4260
5 changed files with 157 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

31
src/pages/index.module.scss
View file

@ -3,16 +3,32 @@
.heroSection {
width: 100%;
background: #000710;
min-height: 600px;
padding-top: 100px;
height: 600px;
overflow: hidden;
background: linear-gradient(to bottom, transparent 80%, $background),
radial-gradient(ellipse at top left, #1f0ba659, transparent),
radial-gradient(ellipse at bottom right, #4a086829, transparent);
.heroSectionBg, .heroSectionBgOver {
position: absolute;
width: 100%;
max-width: unset;
height: 600px;
padding: 0;
@media (pointer: coarse), (pointer: none) {
height: 700px;
}
}
.heroSectionBg {
background: radial-gradient(ellipse at top left, #1f0ba659, transparent),
radial-gradient(ellipse at bottom right, #4a086829, transparent);
}
.heroSectionBgOver {
background: linear-gradient(to bottom, transparent 80%, $background);
}
@media (pointer: coarse), (pointer: none) {
min-height: 700px;
height: 700px;
}
.profile {
@ -22,6 +38,7 @@
max-width: 600px;
max-height: 400px;
transform: translate(-50%, 0%);
top: 100px;
.hello {
font-weight: 100;