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