change hover

This commit is contained in:
Kyxie 2022-05-24 00:31:04 -04:00
parent aad3f4c48f
commit 097a3cf994
3 changed files with 23 additions and 13 deletions

View File

@ -50,7 +50,7 @@ svg:hover {
} }
.social-icons a:nth-child(1) svg:hover { .social-icons a:nth-child(1) svg:hover {
color: #C84370 !important; color: #c84370 !important;
} }
.social-icons a:nth-child(2) svg:hover { .social-icons a:nth-child(2) svg:hover {
@ -58,29 +58,30 @@ svg:hover {
} }
.social-icons a:nth-child(3) svg:hover { .social-icons a:nth-child(3) svg:hover {
color: #0A66C2 !important; color: #0a66c2 !important;
} }
.social-icons a:nth-child(4) svg:hover { .social-icons a:nth-child(4) svg:hover {
color: #2DC100 !important; color: #2dc100 !important;
} }
.social-icons a:nth-child(5) svg:hover { .social-icons a:nth-child(5) svg:hover {
color: #EA8011 !important; color: #ea8011 !important;
} }
.social-icons a:nth-child(6) svg:hover { .social-icons a:nth-child(6) svg:hover {
color: #FB7299 !important; color: #fb7299 !important;
/* color: #1e88e5 !important; */ /* color: #1e88e5 !important; */
} }
.social-icons a:nth-child(7) svg:hover { .social-icons a:nth-child(7) svg:hover {
color: #FD4C06 !important; color: #fd4c06 !important;
} }
.social-icons a:nth-child(8) svg:hover { .social-icons a:nth-child(8) svg:hover {
color: #FD003A !important; color: #fd003a !important;
} }
button#theme-toggle { button#theme-toggle {
font-size: 26px; font-size: 26px;
margin: auto 4px; margin: auto 4px;

View File

@ -43,6 +43,15 @@
border: 1px solid var(--border); border: 1px solid var(--border);
} }
.post-entry:hover {
transition: transform 0.15s;
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-ms-transform: scale(1.02);
-o-transform: scale(1.02);
transform: scale(1.02);
}
.post-entry:active { .post-entry:active {
transform: scale(0.96); transform: scale(0.96);
} }

View File

@ -135,12 +135,12 @@ body {
.frienddiv:hover { .frienddiv:hover {
background: var(--theme); background: var(--theme);
transition: transform 0.5s; transition: transform 0.15s;
webkit-transform: scale(1.1); -webkit-transform: scale(1.05);
-moz-transform: scale(1.1); -moz-transform: scale(1.05);
-ms-transform: scale(1.1); -ms-transform: scale(1.05);
-o-transform: scale(1.1); -o-transform: scale(1.05);
transform: scale(1.1); transform: scale(1.05);
} }
/* .frienddiv:hover .frienddivleft img { /* .frienddiv:hover .frienddivleft img {