11款好看的 Checkbox 切換開關樣式 – Switcher styles collection

把一個選項屬性（Checkbox）設計成切換形關的樣式，確實是一個很有創意的想法，視覺體驗方面也大大提升。

隨著是 CSS3 的出現，實現這些切換樣式并不困難，今天我們分享來自 Imagine[……]

閱讀全文 ?

CSS3屬性: Flexbox 快速上手記

說起 CSS3 flexbox，都算是件陳年舊事了，它是2009年W3C提出的一種全新的可伸縮的CSS布局方式。依賴flexbox，我們可以更簡單，高效的完成可伸縮式頁面的布局。

業界與[……]

閱讀全文 ?

Clippy – 輕松繪制 CSS clip-path 裁剪路徑工具

Clippy 是一個 CSS clip-atch 屬性繪制工具，使用它可以輕松繪制不同的幾可形狀的。

clip-path 是 CSS 中的一個裁剪屬性，用于裁剪元素，通過此屬性可以實現類似PS蒙[……]

閱讀全文 ?

40+ CSS圖像 hover 動畫效果

CSS ?Hover 在網頁設計中是極為常用的一個 CSS 效果，只要你有創造力，都可以讓 Hover 變得更多姿多彩，今天我們主要分享40多款使用 CSS HOVER 完成的圖像效果，喜歡的可以下載[……]

閱讀全文 ?

13款實用的JS插件&前端資源

現在前端資源越來越多，有創意十足的，有實用性高的，這些對于設計師和前端人員來說都是不錯的靈感和資源，所以我們可多關注這些信息，對自己的專業技術有也會幫助的。

今天設計達人網為大家分享有：頁面進度[……]

閱讀全文 ?

CSS3動畫之：水波漣漪般的定位樣式

近期工作要做一個用于圖像定位的標識，為了讓這個指示標識不死板，決定做個簡單的動畫，動畫效果像波浪一樣波動，這樣標識就更美觀好看了，喜歡的同學可以跟著來學，十分簡單，歡迎指正交流。

先上效果圖：[……]

閱讀全文 ?

2015年度 CodePen Top 100 代碼片段

代碼筆（CodePen）有很多出眾的前代碼片段，設計師或喜歡前端的人員可以都可能常去那邊尋找靈感或學習一些代碼的運用。最近CodePen放出2015年度最熱門的100個代碼片段，很多代碼確實很贊，大家[……]

閱讀全文 ?

讓ICON生動起來 純CSS實現帶動畫的天氣圖標

CSS3動畫屬性并不是很多，但重點其實是你怎樣去運用它，從簡單的hover狀態或復雜的小動畫，都可以巧妙的用CSS3動畫屬性來實現。

今天主要是和大家分享一個比較有創意、實用的CSS天氣圖標動畫[……]

閱讀全文 ?