Skip to content

Commit b9b475f

Browse files
committed
add: hover animation to socials row
1 parent 530a1ee commit b9b475f

1 file changed

Lines changed: 11 additions & 0 deletions

File tree

src/lib/components/SocialsRow.svelte

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
href="https://youtube.com/@jumpyjacko"
44
target="_blank"
55
aria-label="Youtube link to jumpyjacko's channel"
6+
class="hover-expand"
67
>
78
<svg
89
xmlns="http://www.w3.org/2000/svg"
@@ -19,6 +20,7 @@
1920
href="https://github.com/jumpyjacko"
2021
target="_blank"
2122
aria-label="Github link to jumpyjacko's profile"
23+
class="hover-expand"
2224
>
2325
<svg
2426
xmlns="http://www.w3.org/2000/svg"
@@ -32,3 +34,12 @@
3234
>
3335
</a>
3436
</div>
37+
38+
<style>
39+
.hover-expand {
40+
transition: all 0.5s;
41+
}
42+
.hover-expand:hover {
43+
scale: 110%;
44+
}
45+
</style>

0 commit comments

Comments
 (0)