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

Previous
Previous

Vertical Line Title