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

Remove hover animation on profile image

Browse source
This commit is contained in:
Kevin Kandlbinder 2021-01-26 16:33:19 +01:00
parent 519b8ad152
commit 824906fb64
1 changed files with 2 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -14,14 +14,6 @@
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%;
@ -101,7 +93,6 @@
background-color: #1c1c1c; background-color: #1c1c1c;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
transform: translate(0, 0);
transition: transform .25s; transition: transform .25s;
} }
@ -109,12 +100,14 @@
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; box-shadow: -1px 11px 33px -10px #e5502b4b;
transform: translate(4px, -4px);
} }
.profileImageDummy { .profileImageDummy {
z-index: 10; z-index: 10;
background: $accentColor; background: $accentColor;
opacity: .2; opacity: .2;
transform: translate(-3px, 3px);
/*box-shadow: 0 0 10px -10px var(--accent-color); /*box-shadow: 0 0 10px -10px var(--accent-color);
background: transparent;*/ background: transparent;*/
} }