CSS3之徑向漸變
設置最終形狀參數： ellipse circle 設置長半軸和短半軸 設置橢圓 ...
原文：【原】[webkit移動開發筆記]之CSS3徑向漸變
談到漸變，大家並不陌生，設計稿中經常會遇到，其中最常見的也最平凡使用的是線性漸變和徑向漸變，在pc端開發，很多大型網站都需要考慮所有瀏覽器的兼容，通常如漸變的按鈕或者背景圖一般會被重構師們切成圖片，而在移動開發中如果使用圖片是很占流量，能不用圖片盡量不使用，那么，CSS 來實現無圖的漸變效果是首選的。 本文以移動開發中遇到的一個徑向漸變例子，講解CSS 徑向漸變在項目中的應用和以及需要注意的地方。 ...
2013-02-17 21:26 18 8447 推薦指數：
相關推薦
Css3漸變(Gradients)-徑向漸變
CSS3徑向漸變-radial-gradient()/repeating-radial-gradient() 徑向漸變由它的中心定義。 創建徑向漸變，至少定義兩種顏色節點，呈現平穩過度的顏色。同時，你也可以指定漸變中心、形狀（圓形或橢圓形）、大小。 默認情況下，漸變的中心是center（表示 ...
css3 線性漸變和徑向漸變
...
【原】[webkit移動開發筆記]之使用chrome進行手機開發
Chrome瀏覽器，相信大家並不陌生，該瀏覽器是基於其他開放原始碼軟件所撰寫，包括WebKit和Mozilla，以其簡單、快速、安全、穩定、擴展豐富等特性受到了不少人的喜愛，2012年8月6日，Chrome已達全球份額的34%，成使用最廣瀏覽器。 Chrome瀏覽器提供了非常簡單方便的開發 ...
【原】[webkit移動開發筆記]之禁止觸發系統默認菜單
在手機webkit瀏覽器中，用戶在某一些按鈕上長按3秒鍾后，會彈出一個系統的列表，ios和android各自展現不一樣，列表可以有復制或在在新窗口打開的等操作，這種體驗對於按鈕來說是不需要的，按鈕上是綁定事件，有特殊功能，而這里系統把它當做一個鏈接的意義。查看了代碼，原來是一個a標簽，鏈接地址為空 ...
【原】[webkit移動開發筆記]之空鏈接是使用javascript:void(0)還是使用#none
基於webkit內核的移動開發筆記，之前已經寫過4篇，主要是關於移動開發重構的分享，今晚有空了再寫一篇。 回憶去年年底最后的一個項目，還有一個很怪異的bug，讓項目團隊的成員感到十分頭疼。測試組的同事做完最后的測試回歸后，項目發布上線，並通過微信推送鏈接。在ios系統中(android顯示正常 ...
【原】[webkit移動開發筆記]之無法自動播放的audio元素
HTML5新增了video元素和audio元素，替代了傳統HTML4使用復雜的object元素與embed來播放視頻或者音頻的方法。這次的一個項目，產品經理要求手機加載開始時播放音樂，想到播放音樂，又 ...
【原】[webkit移動開發筆記]之兼容iPhone4和iPhone5的方法
2012年8月份剛開始接觸前端移動開發，現在主要是android和ios系統的手機，一套代碼需要同時兼容android和ios，就android而言已經有N個型號的手機，如果css代碼在這些手機上解析有稍微差別或者出現bug，那么，做兼容是必不可少，事實上隨着手機版本的不斷更新，產生一些不同的體驗 ...