2015-5-5 藍藍設計的小編
藍藍設計( www.miumiuwan.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供有效的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務
每一個扁平化界面設計,都是我們的心靈碰撞致力于最棒的 metro ui 設計
來源:http://www.html5tricks.com/10-pretty-checkbox-radiobox.html
如果您想訂閱本博客內容,每天自動發(fā)到您的郵箱中, 請點這里
單選框Radiobox和復選框checkbox在網(wǎng)頁中也十分常見,雖然它沒有按鈕的交互性強,但是如果能把它們像按鈕那樣美化一下,那也是非常不錯的。本文收集了10個相對比較漂亮的美化版單選框和復選框,希望你會喜歡。
之前我們分享過一款非常不錯的CSS3自定義checkbox復選框純CSS3美化Checkbox和Radiobox按鈕,外觀非常時尚。今天我們來分享一款9款樣式迷人的CSS3漂亮的自定義checkbox復選框。這幾款復選框樣式很豐富,使用起來也比較方便。
之前我們分享過一些CSS3和HTML5實現(xiàn)的自定義checkbox和Radiobox,比如純CSS3美化Checkbox和Radiobox按鈕,不僅外觀唯美,而且Radiobox選中時還有動畫效果。今天我們要來分享一款CSS3實現(xiàn)的自定義發(fā)光radiobox單選框插件,該radiobox選中時也有滑塊的動畫。
今天我們要來分享一組非常漂亮的CSS3自定義復選框checkbox,每一個checkbox都有其各自的特點。有幾款checkbox在選中的情況下還會出現(xiàn)動畫效果,非常不錯的CSS3自定義美化checkbox組合。另外,之前分享過的jQuery實現(xiàn)美化版的單選框和復選框也是非常不錯。
之前我介紹過幾款漂亮的CSS3開關切換按鈕,比如這款CSS3渲染Checkbox實現(xiàn)3D開關切換按鈕就利用了CSS3和checkbox實現(xiàn)了開關切換按鈕。今天介紹的這款HTML5/CSS3開關切換按鈕是利用純CSS3的,代碼非常簡單,3D效果也還可以。
之前我們利用CSS3自定義Checkbox和自定義Radiobox,這次要分享的一款CSS3響應式表單不僅美化了checkbox和Radiobox,而且也自定義美化了輸入框、下拉框以及多項選擇框,幾乎所有的表單元素都美化了,而且整體上還不錯。另外,這款CSS3表單還可以切換主題,換一下表單風格也是不錯的。
對于瀏覽器默認的checkbox和Radiobox樣式實在是比較丑陋了,今天分享一款非常個性化的CSS3自定義checkbox和Radiobox,外觀非常時尚。之前也分享過幾款類似的CSS3插件,比如HTML5自定義Checkbox和Radiobox、CSS3漂亮的自定義Checkbox復選框 9款迷人樣式。
我們在html5tricks網(wǎng)站上分享過很多的CSS3自定義checkbox,改造過的checkbox確實比默認的漂亮。今天我們要再來分享一款CSS3自定義checkbox,而且這款checkbox還帶有動畫效果,當你選中checkbox的時候,會以動畫的方式打上一個大大的勾。
之前我們分享過一款CSS3自定義發(fā)光radiobox單選框,也在很早的時候分享過一款純CSS3美化Checkbox和Radiobox按鈕。今天這款是利用jQuery實現(xiàn)的美化版單選框和復選框,樣式風格非常簡潔清爽,是一款很不錯的jQuery按鈕插件。
今天又要來分享關于美化checkbox的CSS3應用了,這次要分享的自定義checkbox一共有5種不同的炫酷效果,其實現(xiàn)也和之前分享的幾款HTML5自定義Checkbox和Radiobox 很酷的選中動畫、CSS3漂亮的自定義Checkbox復選框 9款迷人樣式類似,也是利用定義label樣式來實現(xiàn)的。
瀏覽器自帶的checkbox和Radiobox的樣式不僅外觀丑陋,而且控制起來也不方便,特別是Checkbox在各個瀏覽器中的樣式都不同,今天我們來利用HTML5和CSS3技術來自定義Checkbox和Radiobox的樣式,特別是Checkbox,在選中的時候還有非常酷的選中動畫。
以上就是10個HTML5美化版復選框和單選框,歡迎收藏分享。