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

Make profile box transparent

Browse source
This commit is contained in:
Kevin Kandlbinder 2021-01-26 14:31:29 +01:00
parent a473e44c3f
commit d28ecb256b
1 changed files with 11 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -14,6 +14,14 @@
min-height: 700px; min-height: 700px;
} }
&:hover .profile .profileImage {
transform: translate(4px, -4px);
}
&:hover .profile .profileImageDummy {
transform: translate(-3px, 3px);
}
.profile { .profile {
position: relative; position: relative;
left: 50%; left: 50%;
@ -22,14 +30,6 @@
max-height: 400px; max-height: 400px;
transform: translate(-50%, 0%); transform: translate(-50%, 0%);
&:hover .profileImage {
transform: translate(4px, -4px);
}
&:hover .profileImageDummy {
transform: translate(-3px, 3px);
}
.hello { .hello {
font-weight: 100; font-weight: 100;
opacity: .75; opacity: .75;
@ -81,11 +81,11 @@
.profileCard { .profileCard {
width: calc(100% - 40px); width: calc(100% - 40px);
height: calc(100% - 20px); height: calc(100% - 20px);
background: $background; //background: $background;
transform: translate(40px, 20px); transform: translate(40px, 20px);
border-radius: 5px; border-radius: 5px;
/*box-shadow: -1px 11px 33px -10px rgba(127,127,127,0.4);*/ /*box-shadow: -1px 11px 33px -10px rgba(127,127,127,0.4);*/
box-shadow: -1px 11px 33px -10px #e5502b4b; //box-shadow: -1px 11px 33px -10px #e5502b4b;
padding: 20px 20px 20px 230px; padding: 20px 20px 20px 230px;
color: $textColor; color: $textColor;
} }
@ -108,6 +108,7 @@
.profileImage { .profileImage {
z-index: 20; z-index: 20;
/*box-shadow: -5px 7px 10px -6px rgba(127,127,127,.4);*/ /*box-shadow: -5px 7px 10px -6px rgba(127,127,127,.4);*/
box-shadow: -1px 11px 33px -10px #e5502b4b;
} }
.profileImageDummy { .profileImageDummy {