dan/windycoys
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add transform origin to social icon transitions

Browse Source
This commit is contained in:
Dan Head
2018-12-13 22:15:12 +00:00
parent 07e5436c4b
commit 662507a84a
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
css/metadata.css
View File

@@ -49,12 +49,13 @@
transition: transition:
filter var(--transition-md) ease-out, filter var(--transition-md) ease-out,
transform var(--transition-md) ease-out; transform var(--transition-md) ease-out;
transform-origin: center bottom;
} }
.metadata__share-link:focus, .metadata__share-link:focus,
.metadata__share-link:hover { .metadata__share-link:hover {
filter: saturate(1.5) contrast(1.5); filter: saturate(1.5) contrast(1.5);
transform: scale(1.2); transform: scale(1.3);
} }
/** /**

3
css/social.css
View File

@@ -9,11 +9,12 @@
transition: transition:
filter var(--transition-md) ease-out, filter var(--transition-md) ease-out,
transform var(--transition-md) ease-out; transform var(--transition-md) ease-out;
transform-origin: center bottom;
} }
.social__link:focus, .social__link:focus,
.social__link:hover { .social__link:hover {
filter: saturate(1.5) contrast(1.5); filter: saturate(1.5) contrast(1.5);
transform: scale(1.2); transform: scale(1.3);
} }