Tilted Hover Style - Navigation

Bookmark Plugin

---

Plugin Details

Add a tilted hover style to the header navigation links.

Compatibility

• Works with Squarespace 7.1

• Uses Custom CSS

---

Add To Custom CSS

// HEADER NAVIGATION - TILT HOVER STYLE - GHOSTPLUGINS.COM //

.header-nav-item:hover a {
  transform: rotate(-20deg);
  transition: .2s ease all !important;
}

.header-nav-item a {
  transition: .2s ease all !important;
}

// EXCLUDE FOLDER LINKS FROM HOVER - GHOSTPLUGINS.COM //

.header-nav .header-nav-item--folder .header-nav-folder-content a {
    transform: rotate(0deg) !important;
}

---

Customizable Options

• Tilt Rotation (On Hover)

• Hover Transition Speed

Notes

Link color, size, and font family can be changed in Squarespace settings like normal.

---