kevin/KevinK.dev.js
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/KevinK.dev.js.git synced 2025-04-29 10:16:53 +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;
}
&:hover .profile .profileImage {
transform: translate(4px, -4px);
}
&:hover .profile .profileImageDummy {
transform: translate(-3px, 3px);
}
.profile {
position: relative;
left: 50%;
@ -22,14 +30,6 @@
max-height: 400px;
transform: translate(-50%, 0%);
&:hover .profileImage {
transform: translate(4px, -4px);
}
&:hover .profileImageDummy {
transform: translate(-3px, 3px);
}
.hello {
font-weight: 100;
opacity: .75;
@ -81,11 +81,11 @@
.profileCard {
width: calc(100% - 40px);
height: calc(100% - 20px);
background: $background;
//background: $background;
transform: translate(40px, 20px);
border-radius: 5px;
/*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;
color: $textColor;
}
@ -108,6 +108,7 @@
.profileImage {
z-index: 20;
/*box-shadow: -5px 7px 10px -6px rgba(127,127,127,.4);*/
box-shadow: -1px 11px 33px -10px #e5502b4b;
}
.profileImageDummy {