setup-img hover anim

judemont · Apr 1, 2024 · ab277e5 · ab277e5
1 parent 4066498
commit ab277e5
Showing 1 changed file with 4 additions and 38 deletions.
diff --git a/style.css b/style.css
@@ -61,6 +61,7 @@ section {
 }
 
 .profile-image {
+    border-radius: 50%;
     margin: auto;
     display: block;
     width: 400px;
@@ -72,42 +73,6 @@ section {
     transform: scale(1.1);
 }
 
-/* 
-
-.shine {
-    position: relative;   
-}
-
-.shine::before {
-    position: absolute;
-	top: 0;
-	left: -75%;
-	z-index: 2;
-	display: block;
-	content: '';
-	width: 50%;
-	height: 100%;
-	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-	-webkit-transform: skewX(-25deg);
-	transform: skewX(-25deg);
-}
-
-.shine:hover::before {
-    -webkit-animation: shine .75s;
-	animation: shine .75s;
-}
-
-@-webkit-keyframes shine {
-	100% {
-		left: 125%;
-	}
-}
-@keyframes shine {
-	100% {
-		left: 125%;
-	}
-} */
 
 
 
@@ -131,13 +96,14 @@ section {
     height: auto;
 
     border-radius: 20px;
-    transition: transform .5s ease;
+    transition: transform 0.1s ease;
     display: block;
 }
 
+
 .setup-img:hover {
     opacity: 0.5;
-    transform: scale(1.3);
+    transform: scale(3.5) translateY(20px) translateX(-10px);
 }
 
 .myLinks {