Flip Over Social Icons - Site Header


Plugin Details

Add a flip over effect when hovering over the site header social icons.

Compatibility

  • Works with Squarespace 7.1

  • Uses Custom CSS


Add to Custom CSS

// FLIP OVER SOCIAL ICONS - HEADER - GHOSTPLUGINS.COM //

.header-actions .header-actions-action--social a {
  transform: scaleX(1) !important;
  transition: all ease-in-out .5s !important;
}

.header-actions .header-actions-action--social a:hover {
  transform: scaleX(-1) !important;
  transition: all ease-in-out .5s !important;
}

Customizable Options

  • Transition Speed

Notes

No plugin notes


Previous
Previous

Rounded Images - Shopping Cart

Next
Next

Full Width Newsletter Block (Mobile Only)