Flip Over Social Icons - Site Header

Site Header
Written By The Ghost Co.
Send a Thank You

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

The Ghost Co. http://www.ghostplugins.com
Previous

Rounded Images - Shopping Cart
Next

Full Width Newsletter Block (Mobile Only)