To Use:

• Copy Hover Effects (located in the Eye Candy Category) into the scripts library
• Add the Hover Effects script to the head of the page
• Add the desired class to the element
• To change the color you must make a copy of the script, then find the desired class and change its hover style.
  
    .inverted-20 {
      padding: 0 10px;
      line-height: 1em;
      background:
        linear-gradient(#fff 0 0),
        linear-gradient(#000 0 0),
        #000;
      -webkit-background-clip: text,padding-box;
              background-clip: text,padding-box;
      background-size: 100% 50%;
      background-position: 100vmax 100%;
      box-shadow: 100vmax 0.5em 0 0 #0000;
      background-repeat: no-repeat;
      transition: 0.5s;
    }
    .inverted-20:hover {
      background-position: 0 100%;
      box-shadow: 0 0.5em 0 0 #000;
    }