Move Over Hyperlinks


Plugin Details

Add a move over hover effect to hyperlinks in a text block and throughout the site.

Compatibility

  • Works with Squarespace 7.1

  • Uses Custom CSS


Add to Custom CSS

// MOVE OVER HYPERLINKS TEXT - GHOSTPLUGINS.COM

p a:hover {
  margin-left: 20px !important;
  -webkit-transition: ease-in-out 0.5s !important;
  -moz-transition: ease-in-out 0.5s !important;
  -ms-transition: ease-in-out 0.5s !important;
  -o-transition: ease-in-out 0.5s !important;
  transition: ease-in-out 0.5s !important;
}

p a {
  -webkit-transition: ease-in-out 0.5s !important;
  -moz-transition: ease-in-out 0.5s !important;
  -ms-transition: ease-in-out 0.5s !important;
  -o-transition: ease-in-out 0.5s !important;
  transition: ease-in-out 0.5s !important;
}

Customizable Options

  • Left Spacing (On Hover)

  • Transition Speed

Notes

Applies to any text hyperlinks that have been added throughout the site.


Previous
Previous

Flipped Mirror Hyperlinks

Next
Next

Dot Cursor