可視化 CSS 樣式表手冊 – css reference

前端開發新人一般是從 HTML 和 CSS 進行入門學習，在設計書籍導航里有一系列前端從入門到精通的書籍推薦，但是我們偶爾在線學習會更加方便，比如今天分享cssreference，它是一個專門介紹 CSS 樣式表的在線網站[……]

閱讀全文 ?

偏門卻又實用的 CSS 樣式

很早之前我們推薦大家看《推薦大家使用的CSS書寫規范、順序》，里面提到 CSS 的一些常用命名、規范等等，而今天主要是說一些偏門一點的 CSS 樣式、技巧。

什么是偏門，就是有些片段很少使用，時[……]

閱讀全文 ?

Nice! CSS 讓指定區域背景圖像高斯模糊

在網頁設計中很多時候我們只看到半透明效果的層級效果，然而半透明+模糊背景，這種超漂亮的視覺卻很少見，其中一個原因就是實現方式有難度，難道真這么難實現嗎？No~ 現在只需要用 CSS 也能實現了！[……]

閱讀全文 ?

2016年 CodePen 最熱門的前端代碼 Top 100

每年 Codepen 都會公布年度最熱門的代碼片段，這些片段有的技術超弦，有的超實用、有的超有創意，有空看看都能給我們帶來靈感。

同時從 Codepen 的代碼上也能學習一些牛人的寫法，不管是設[……]

閱讀全文 ?

Radiobox.css 玩轉「單項選擇」動畫！

切換開關(checkbox)我們見多了，今天分享一個以單選為主的動畫類樣式庫：Radiobox.css，作用就是為單項選擇添加動畫效果，這樣能為枯燥的頁面增加一點氣氛。

項目名稱[……]

閱讀全文 ?

實用！最新前端速查表集合（css3 Flexbox/CSS動畫/Bootstrap4）

今天分享的速查表你一定不會陌生，因為都是目前最新最流行的前端速查表（Cheat sheet），包含：Css3 Flexbox、ES6、jQuery 3 以及最新的 Bootstrap 4，前端人員可以[……]

閱讀全文 ?

12款體驗不錯的網站提示/通知樣式

提示樣式（也可以理解為網站通知），它通常是在當前頁面提示或彈窗提示，隨著現在網頁設計趨勢，通知樣式也有了很多的變化，今天設計達人網小編為大家分享12款網站提示/通知樣式，或許能作為靈感。

這12[……]

閱讀全文 ?

表單動畫 jQuery 插件：Form Animation Plugin

今天為大家分享的表單動畫 jQuery 插件：Form Animatiom，我想大家看圖就知道他作用是干什么了。主要作用就是當用戶提交錯誤表單時，而觸發動畫提醒功能，這樣會更加醒目，而動畫效果友好，不[……]

閱讀全文 ?