30 Stylish CSS Mouse Hover Button Effects
Add-ons
Plugin Description: This is a collection of stylish button hover animation effects created with CSS3. These 30 button hover animations use CSS3 transition and transform properties to create button border animations, text animations, and flowing light effects. Each effect features a creative design.
Usage
1. After extracting the files, copy main.css from the css folder into your project's css folder.
2. Copy jquery-2.1.1.min from the js folder into your project's js folder.
3. Include the CSS file.
1 | <link rel="stylesheet" type="text/css" href="css/main.css" /> |
4. Include jQuery.
1 | <script src="js/jquery-2.1.1.min.js" type="text/javascript"></script> |
5. Create a button.
Buttons are implemented using div elements. Insert the following code where you want to create a button: ??
1 | <div class="sim-button button1"><span>Login</span></div> |
6. For a complete example, refer to index.html in the extracted root directory.
评论