使用css3新屬性clip-path制作小圖標
一般一個網頁上面，或多或少都會用到一些小圖標，展示這些小圖標的方法有很多種。最簡單的做法就是將UI圖上面的每個小圖標都保存為圖片，一個小圖標就一張圖片。但這也是比較笨的方法，因為瀏覽器同一時間最多加載的資源是有限的，例如IE7是2個，IE8是6個，chrome是6個，火狐 ...
原文：使用CSS3制作72個webapp圖標
前言 移動網絡帶寬的快慢直接影響webapp應用體驗效果的優差，其中加載圖片是很耗流量的，所以對這一方面的性能優化是很需要的。一般對於那些小而多的圖片 圖標 都會采用sprite合並成一張圖片來減少http的請求次數。而CSS 的出現，無疑在移動端對圖標的優化有着比較大的幫助。為此，自己也琢磨使用CSS 來制作一些常用的圖標。有句話這么說：能用CSS 就不用圖片 正題 於是用了一天的時間，我制作了 ...
2015-07-23 20:07 8 5484 推薦指數：
相關推薦
純CSS3制作超級漂亮又實用的加載小圖標
先來一張各種效果的預覽圖，其實代碼並不復雜，關鍵看自己如何運用。 css：demo css：loaders ...
[原創]webapp/css3實戰，制作一個《爐石傳說》宣傳頁
在移動網頁，尤其是webapp中常需要用到大量的css3動畫，來獲得良好交互體驗 我之前幫朋友做了一個，可惜沒幫上忙現在和大家分享一下 目標是要做一個《爐石傳說》游戲的介紹宣傳頁面，文字內容不多，主要是要和用戶有互動 腦海中閃過很多見過的css3效果，決定總體采用一個3d翻轉效果，每頁 ...
css字體圖標的制作和使用。
css字體圖標的制作和使用。 在項目開發的過程中，我們會經常用到一些圖標。但是我們在使用這些圖標時，往往會遇到失真的情況，而且圖片數量很多的話，頁面加載就越慢。所以，我們可以使用字體圖標的方式來顯示圖標，既解決了失真的問題，也解決了圖片占用資源的問題。 一：如何制作字體圖標 1：上網下載需要 ...
一個標簽的72變，打造一個純CSS圖標庫
每次要用到圖標的時候都會到 icono 去copypaste，但每次用到的時候尺寸都各不一樣，總是要調整參數，巨煩。當然你可以會想到用zoom、scale來做縮放，但是這樣的縮放會使得線寬也變粗了，不甚滿意。 終於下定心思來改造一個可縮放的圖標庫。github先上：https ...
【css3】使用filter屬性實現改變svg圖標顏色
1.兼容性： 2.應用場景：新增頁面上傳svg圖標后，更改圖標顏色后，在列表頁面展示色值改后的svg圖標。 3.解決方案：使用filter屬性中的 drop-shadow，drop-shadow濾鏡可以給元素或圖片非透明區域添加投影。 css: html ...
Andriod使用WebView制作webAPP
安卓期末考試做一個app，使用原生安卓開發界面太慢便采用了WebView的方式封裝一個WebApp,界面做到響應式即可。 實現思路：確保瀏覽器端可以正確的跑起自己的項目且界面兼容手機界面，在使用WebView進行封裝URL，將本機當作服務器。 1.先在AndriodManifest.xml中允 ...
CSS3 制作向左、向右及關閉圖標的效果 (另一種思路)
最終效果 制作步驟 1.邊框 CSS及Html代碼 顯示效果 2.向左的標志 CSS及Html代碼，增加的代碼在黃色范圍內 顯示效果 方向不對了，馬上修改一下方向，逆時針旋轉45度調整一下 CSS及Html代碼 這回再看看效果 ...