# Icon-hover

**Repository Path**: ltpower/Icon-hover

## Basic Information

- **Project Name**: Icon-hover
- **Description**: 9种css3圆形按钮hover鼠标经过动画
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2016-12-25
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#Icon hover

### 插件描述

这款插件是9种不同效果的hover鼠标经圆形按钮动画特效。圆形按钮也是使用css3制作，当鼠标经过或悬停在圆形按钮上时，会触发渐变、旋转、放大、翻转等动画特效。

### 兼容性
IE10及以上

### 使用说明
引进相关css
```
<link rel="stylesheet" type="text/css" href="css/default.css" />
<link rel="stylesheet" type="text/css" href="css/component.css" />
```

在html 用class绑定
```

<div class="hi-icon-wrap hi-icon-effect-8"> <!-- 父级给hi-icon-wrap  hi-icon-effect-8是第8种效果 -->
		<a href="#set-8" class="hi-icon hi-icon-archive">Archive</a> <!-- hi-icon必选  hi-icon-archive是图标选择 可选 -->
		<a href="#set-8" class="hi-icon hi-icon-chat">Chat</a>
		<a href="#set-8" class="hi-icon hi-icon-bookmark">Bookmarks</a>
		<a href="#set-8" class="hi-icon hi-icon-user">User</a>
		<a href="#set-8" class="hi-icon hi-icon-contract">Contact</a>
</div>


```
[demo查看](http://www.jq22.com/yanshi1882)