Flip Over Icons - Social Links Block

Navigation BarHover Effects
Written By giannis katsaprakakis

Compatibility

  • Works with Squarespace 7.1

  • Uses Custom CSS

Description

Add a flip over effect when hovering over the social links block icons.

Add to custom css

// FLIP OVER SOCIAL ICONS - SOCIAL BLOCK - BYKATSS.COM //

.socialaccountlinks-v2-block .sqs-svg-icon--wrapper, .social-account-links-v2-block .sqs-svg-icon--wrapper {
  transform: scaleX(1) !important;
  transition: all ease-in-out .5s !important;
}

.socialaccountlinks-v2-block .sqs-svg-icon--wrapper:hover {
  transform: scaleX(-1) !important;
  transition: all ease-in-out .5s !important;
}

Notes

No plugin notes

Customizable Options

  • Transition Speed

giannis katsaprakakis https://www.bykatss.com/
Previous

Pushed Down Announcement Bar
Next

Pill Hover Style - Navigation