Code

Turin - ImageHover CSS Library

Turin - ImageHover CSS Library

Turin is the second in a series of mini CSS ImageHover libraries, this time with a transparent border effect on hover These libraries allow you to create beautiful image hover elements quickly and easily. Packed with a host of styling classes and custom properties, Turin allows you total control and almost limitless possibilities. Simply load the CSS library into your project, add the element markup combined with the style classes of your choice to custom build your perfect image hover effect.

  • 1000’s of possible style combinations
  • 20 animated border effects
  • 9 animated image effect
  • 12 animated text effects
  • Overlay style classes
  • Animation delay classes
  • Text layout classes
  • Collection of custom properties to further custom style your element
    • Border width
    • Border margin
    • Border color
    • Primary color
    • Secondary color
    • Text color
    • Image hover opacity
    • Image hover color
    • Image hover gradient
  • Accesible (hover triggered on focus)
  • Ultra small file size (2KB GZipped)
  • Complete documentation

Music: www.bensound.com
Images: www.unsplash.com

by
by
by
by
by
by