Social Icons Hover
The hover functionality for social icons on a website enhances user engagement by revealing additional information or animations when users take their cursor over the icons.
1. Copy and paste the code below into Custom CSS.
/* Squarepaste Social Links Hover */
.socialaccountlinks-v2-block .sqs-svg-icon--wrapper {
transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1) !important;
transform: scale(1);
}
.socialaccountlinks-v2-block .sqs-svg-icon--wrapper:hover {
transform: scale(1.2);
}
.socialaccountlinks-v2-block .social-icons-style-border .sqs-svg-icon--wrapper {
border-width: 1px !important;
}
If you found this element to be super useful, give us a follow on LinkedIn or a review on Trustpilot.
Trustscore 3.7
1 Review