彈出窗體是網頁常用的一個交互設計，在這個注重交互動畫體驗的時代，網頁彈窗也可以來點新鮮的點子，比如今天分享的CSS 變形Modal Window。

當用戶點擊按鈕時，按鈕將會變成一個全屏的屏幕，然后再顯示內容，整個展示過程流暢友好，也許你可以嘗試到你的新項目上。

演示頁：http://codyhouse.co/gem/morphing-modal-window/
點擊“Fire Modal Window”按鈕后，按鈕將會慢慢變大，直到整個屏幕。下面來個GIF演示：

使用教程

本代碼兼容Chrome, Firefox, Safari, Opera，而IE需要9.0或以上版本（IE9+）

STEP 1: 創建HTML布局

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