Windows Phone的tile設計的美麗對我來說有余音繞梁的效果。我從來不知道優雅的方塊盒子布局能給我深刻的印象。因此我嘗試在web里用CSS和Jquery去實現這種tile設計。我已嘗試Tile Flip動畫效果，它能展示兩種不同的信息一個在tile的前端而另外一個就在后端。 

Demo Download

首先我們要為tile創建和下面圖片的效果一樣的HTML的內容。每個tile包含了兩個分別在前后的div。他們都能包含要展示的信息。下面的html代碼生成所需的tile布局。

tile設計包含了CSS的類名

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表