努力
也需要大家的支持!
CSS圖書館 ? HTML & CSS ?
贊助商鏈接

表單密碼強度可視化設計

分類: HTML & CSS. 評論
表單密碼強度可視化設計

在填寫表單密碼時,有的會會顯示「弱、中、強」的文案來表示你填寫的密碼強度,這是一種不錯的用戶體驗方式,然而今天我們分享一個更有趣的體驗,就是用「可視化」來表達。

這個「可視化」方[……]

閱讀全文 ?

Tippy.js 玩轉鼠標懸停提示信息

分類: HTML & CSS. 評論
tooltips 鼠標懸停提示效果

網頁設計師對 tooltips 鼠標經過提示效果應該不陌生,這種效果雖然可以直接用 css hover 來實現,但是如果想更友好的、更美觀的效果,可能就要借助 JS 來實現啦。今天和大家分享的?Tip[……]

閱讀全文 ?

CSS 或 srcset 讓瀏覽器自動切換 1X/2X/3X 圖像

分類: HTML & CSS. 評論
css device pixel ratio

現在很多客戶都買高分屏的電腦,如果直接發 JPG 圖給客戶,會影響設計質量。為了讓網站設計效果圖更加真實,最近把設計提案直接做成 Web 版,模擬瀏覽器真實視覺效果,同時能自動識別是否為視網膜顯示屏,[……]

閱讀全文 ?

小創意:圣誕球切換開關

分類: HTML & CSS. 評論

還有幾天就到圣誕節,幾乎到哪里都能看到圣誕氣氛的設計,網站也是如此,為了讓網站頁面更有氣氛,我們不能放過任何小創意,即使是一個小小的切換開關元素。

大家請看下圖,這是來自 Chris Ganno[……]

閱讀全文 ?