1、HTML5/CSS3仿Facebook登入表單
利用CSS3製作的登入表單的確很漂亮，我們在html5tricks網站上也分享過幾款了，比如CSS3密碼強度驗證表單可以顯示密碼的強度，這款純CSS3發光登入表單更是絢麗多彩。今天我們要分享一款仿Facebook的登入表單，無論從外觀還是功能上說，這款登入表單還是挺接近Facebook登入表單的。
2、純CSS3發光登入表單
我們見過很多CSS3表單，製作都非常精美，今天介紹的這款CSS3表單不但外觀華麗，而且伴有顏色發光動畫。當滑鼠啟用表單時，表單周圍就會出現顏色漸變的發光動畫，配合黑色的背景，整個CSS3表單顯得格外亮麗。更重要的是，這個CSS3發光表單基本用CSS3實現，很少的JS程式碼，在CSS3引擎上優化非常明顯。
3、黑色發光CSS3登入表單
記得很早以前我們分享過一款CSS3發光表單，發光動畫非常酷。今天我們要來分享一款黑色發光的CSS3登入表單，雖然沒有那款的動畫那麼絢麗，但是整個登入表單黑色風格加上光線調配的非常好，顯得十分莊嚴大氣。
4、CSS3彈出登入表單 Metro風格表單
用CSS3可以製作很多外觀絢麗、功能全面的表單，相信大家看到過很多這樣的表單，今天我要向大家分享一款用CSS3實現的彈出登入表單，點選按鈕即可彈出一個非常清新的登入表單，表單是Metro風格的，看著樸實，但是卻非常簡潔實用。
5、非常上檔次的HTML5/CSS3登入表單
我們介紹過不少CSS3登入表單了，最令人記憶猶新的登入表單要算這款純CSS3發光登入表單了。今天我們要分享一款非常上檔次的HTML5/CSS3登入表單，這款登入表單有一張使用者的圖片，輸入框左側有漂亮的小圖示，同時，登入按鈕也非常漂亮。
6、純CSS3實現Metro風格登入表單
今天我們要來分享一款利用CSS3實現的Metro風格的登入表單，之前我們也已經分享過很多非常實用而絢麗的CSS3登入表單，像這款HTML5/CSS3摺疊動畫登入表單就非常立體，而這款非常上檔次的HTML5/CSS3登入表單非常大氣，這款Metro風格的登入表單應該也挺棒的。
7、HTML5/CSS3摺疊動畫登入表單
之前我們分享過一款仿facebook的登入表單，效果的確很贊。今天我們再來分享一款很有特色的CSS3登入表單，這款登入表單的使用者名稱和密碼是分開輸入的，當輸入使用者名稱，然後按回車時，即會摺疊展開密碼輸入框，這個3D摺疊的效果很不錯。
8、CSS3數字驗證表單 3D摺疊驗證提示
今天我們要來分享一款效果很不錯的CSS3數字驗證表單，和之前分享過的CSS3密碼強度驗證表單 碼速表樣式不同，這款表單是用來驗證輸入的是否是合法數字的，並能給出相應的提示。更重要的是這款CSS3數字驗證表單的提示是以3D摺疊框的形式，顯得非常具有創意。
9、HTML5/CSS3可切換註冊登入表單
這是一款非常實用的HTML5/CSS3註冊登入表單，該表單的特點是可以對註冊和登入功能之間進行切換，並且提供了3中不同的切換動畫，有快速移動、緩慢移動和淡入淡出這三種效果。另外，利用HTML5的表單特性，這款登入登錄檔單還有簡單的表單輸入驗證功能。
以上就是9款大氣實用的HTML5/CSS3註冊登入表單，歡迎收藏分享。
本文轉載自：PHP100