CSS3 Hover Animation Pack
CSS HTML JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
static
.gitignore
README.md
index.html

README.md

FoxHover.css v.2.2.0 Liscence GitHub release

Welcome to new version of FoxHover.css!

Demo

Check Demo!

Features

  • Pure HTML5/CSS3. No jQuery
  • 30 Awesome Effects
  • Crossbrowser (IE10+, Safari 7+, FF, Chrome, Opera)
  • Easy to Use and Customize
  • Overlay Effects, Image Effects, Caption Effects

How to Use:

  • Basic HTML markup. Class "effect" is essential, also class "eff-1" (use instead of "1" number of demo you like most, for example, "eff-22") is essential too.
<div class="effect eff-1">
  <img src="img/your-own-path" alt="Your own text" />
  <div class="caption">
    <h4>Title is Here</h4>
    <div class="text">
      <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut.</p>
    </div>
    <a class="btn" href="your link" title="View More">View More</a>
  </div>
</div>
  • Download foxhover.css file. It's better to use minified version (foxhover.min.css), but if you want to change something, use full version (foxhover.css). Both of the files you can find in the foxhover archieve. Put the file you've picked in your project "css" folder.

  • Add the file you've put in your "css" folder to your tag:

<head>
  <link rel="stylesheet" href="css/foxhover.min.css" />
</head>

or

<head>
  <link rel="stylesheet" href="css/foxhover.css" />
</head>

Liscence

FoxHover.css is licensed under the MIT license. (http://opensource.org/licenses/MIT) also images in 'static' folder are licensed under the MIT license.

Issues

If you find any issues feel free to create an issue and I'll fix it!

Hope you'll like my effects =)