您好,登錄后才能下訂單哦!
我們在做頁面開發的時候,可能要用到許多的小圖標樣式。
那么只要套用這個CSS的圖標框架,在加上一些修飾,就可以得到非常棒的圖標樣式,
下面我們來看一下這些圖標的樣式。
圖標樣式圖片
首先我們要引用寫好的CSS文件,也就是框架 Icono.min.js
然后可以自己在樣式上面做一些其他的修改,在我們這個圖標展示當中,
加入了鼠標放上的樣式。
改變了顏色
a:hover {
color: #fff;
}
透明度和大小
span:hover {
transform: scale(1.5);
}
span:hover i {
opacity: 0.8;
}
實現圖標的顯示的時候要用標簽 i 來進行實現,
不然樣式會變形,也就是說需要在標簽 i 當中添加類名
如"> 這樣就可以成功在頁面顯示出小圖標樣式。
而且有些小圖標還帶有動畫效果。
使用起來簡單方便。
好東西自己拿。
示例和框架文件下載地址:點擊進入下載代碼獲取。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。