Flipped Portfolio Titles + Styles

flip_nav.gif

Description

Add a flipped hover effect to portfolio title links. This plugin uses css editor and works with Squarespace 7.1.


How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

// Flip Over Portfolio Title Links //

.portfolio-hover-item-title {
  transform: scaleX(1) !important;
  transition: all ease-in-out .2s !important;
  background: #000;
  margin: 10px;
  padding: 20px !important;
}

.portfolio-hover-item-title:hover {
  transform: scaleX(-1) !important;
  transition: all ease-in-out .2s !important;
}

Customize

Adjust the transition, background, margin, and padding values to your liking.


Previous
Previous

Frosted and Blurred Image Poster Button

Next
Next

Floating Header Bar