Hover.css是什么鬼東西？

我們看它的官方檔案說明，

這些介紹引文也不是太難懂，你稍微翻譯一下就行，簡單的來說hover.css就是一個滑鼠“放上去”的效果合集，是一個影片庫.的github地址是：Hover演示站
一組CSS3供電的懸停效果，可應用于鏈接，按鈕，徽標，SVG，特色影像等，

開始使用它

它的使用非常的簡單，主要有如下的步驟，你要是看官方的檔案說明也能明白，如果你想更快的使用它，來閱讀我的博客也是一個非常不錯的選擇哦，

步驟

1.下載源代碼，找到hover.css檔案，
2.匯入到自己的html中，
3.給你想要實作效果的元素，加上一個類名就行，

雖然上述的簡單，但是具體又有哪些要注意的呢？

   <style>
/* 一、如果你只想使用里面的一點點的效果，那么你可以不必引入hover.css檔案， */
    /* 1.去到原始碼（hover.css）中拿到你想要的效果，比如下面，我只想要一個“滑鼠放上去放大的效果”那么我可以這么做， */
    /* 第一張使用方法，你只想要其中的某些效果而已；
        1.找到源代碼，
        2.復制源代碼，
        3.使用類名 */
        /* Grow */
        
        .hvr-grow {
            display: inline-block;
            vertical-align: middle;
            transform: translateZ(0);
            box-shadow: 0 0 1px rgba(0, 0, 0, 0);
            backface-visibility: hidden;
            -moz-osx-font-smoothing: grayscale;
            transition-duration: 0.3s;
            transition-property: transform;
        }
        
        .hvr-grow:hover,
        .hvr-grow:focus,
        .hvr-grow:active {
            transform: scale(1.1);
        }
/* 二 、如果你想比較全面的使用庫里面的效果，你可以這么做，     */
        /* 第二種使用方法，全面的引入link方式 */
        /* 直接在你想要的效果前面使用它，通過添加類的方式 */
    </style>
     <a href="" >點擊我</a>

<!-- 三、需要注意的地方 -->
<!-- 字體圖示這么搞呢？比如我想引入bootstrap里面字體圖示 -->
<!-- 1.在link中引入bootstrap.css檔案 -->
<!-- 2.復制以下的固定格式修改其中的‘影片效果代碼（比如我這里的）.hav-icon-forward效果 -->
<!-- 2.在這個效果里面，添加我們需要的字體圖示 比如我這里的是對bootstrap里面的glyphicon-send圖示實作 hvr-icon-spin（旋轉）效果， -->
         <a href="https://www.cnblogs.com/BM-laoli/p/#" >
            滑鼠放上來
            <i ></i>
        </a>