Tilted Hyperlinks

Bookmark Plugin

---

Plugin Details

Add a tilted 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

// TILTED HYPERLINKS TEXT - GHOSTPLUGINS.COM //

p a:hover {
  -moz-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  -webkit-transition: ease-in-out 0.1s !important;
  -moz-transition: ease-in-out 0.1s !important;
  -ms-transition: ease-in-out 0.1s !important;
  -o-transition: ease-in-out 0.1s !important;
  transition: ease-in-out 0.1s !important;
}

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

---

Customizable Options

• Rotate Degree

• Transition Speed

Notes

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

---