DIV CSS 佈局教程網

 　　Codepen是一個非常了不起的網站，也是全球web前端開發人員的聖地!

　　我搜索了一些時下最好最流行的codepen(僅限於HTML和CSS)。如果你能把它們融入到設計中去，那麼就會大大節省很多時間。

　　在下面的例子中你會看到各式各樣的片段，HTML 陳列，登錄方式，垂直菜單，甚至時下最流行的主題：扁平化設計(扁平化圖像，扁平化按鈕形狀，扁平化用戶界面要素等)。好好欣賞這些精選的代碼片段吧，如果現在沒時間看完所有的代碼例子，那就保存下來以備不時之需吧。

　　CSS3 Working Clock

　　這是一個純css3時鐘。它使用css動畫還有圖形，沒有使用任何圖片或者是js

　　CSS3 Pricing Table

　　CSS Loader

　　Pure CSS3 MacBook Air with Thunderbird Display and Keyboard

　　Twitter Button Concept

　　CSS3 Loading Animation

　　Pure CSS3 Vertical Menu with Hover Effect

　　CSS3 Stamp effect using radial gradients

　　I Love Blur

　　Social Navigation

　　Login

　　Calendar

　　Social Footer

　　Parallax Landscape

　　CSS3 Thermometer

　　CSS-Only Responsive Layout with Smooth Transitions

　　Flat CSS3 Weather Widget

　　Flat Responsive Sliding Boxes

　　Tiny CSS3 Round Breadcrumb

　　CSS3 Hover Effect using :after Psuedo Element

　　Flat UI Elements

　　CSS Flat Button Shapes

　　Email UI

　　Flat Icons CSS