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的表单特性,这款登录注册表单还有简单的表单输入验证功能。

在线演示

源码下载

本文固定链接: http://www.i7758.com/archives/1625.html

9款大气实用的HTML5/CSS3注册登录表单的更多相关文章

  1. 很实用的HTML5+CSS3注册登录窗体切换效果

    1. [代码]3个很实用的HTML5+CSS3注册登录窗体切换效果 <!DOCTYPE html><!--[if lt IE 7 ]> <html lang=" ...

  2. CSS3/HTML5实现漂亮的分步骤注册登录表单

    分步骤的登录注册表单现在也比较多,主要是能提高用户体验,用户可以有选择性的填写相应的表单信息,不至于让用户看到一堆表单望而却步.今天和大家分享的就是一款基于HTML5和CSS3的分步骤注册登录表单,外 ...

  3. node js实战:带数据库,加密的注册登录表单

    demo 注册效果: 登陆效果:        数据库截图: 数据库操作 db.js //这个模块里面封装了所有对数据库的常用操作 var MongoClient = require('mongodb ...

  4. HTML5&CSS3经典动态表单-2

    上一个demo效果没出来!实际如下 代码没问题.不知道为啥,展示的demo里光标获取焦点的时候不会有如下效果

  5. HTML5_CSS3可切换注册登录表单

    在线演示 本地下载

  6. 分享9款最新超酷HTML5/CSS3应用插件

    新的一周开始了,小编继续要为大家分享实用超酷的HTML5应用,今天分享的这9款最新HTML5/CSS3应用你一定会很喜欢,一起来看看. 1.HTML5 Canvas模拟衣服撕扯动画 超级逼真 今天又要 ...

  7. 精选10款超酷的HTML5/CSS3菜单

    今天向大家精选了10款超酷的HTML5/CSS3菜单,给你的网页添加不一样的精彩,一起来围观一下吧. 1.CSS3手风琴菜单 下拉展开带弹性动画 利用CSS3技术可以实现各种各样的网页菜单,我们之前也 ...

  8. 9款超绚丽的HTML5/CSS3应用和动画特效

    1.CSS3飘带状3D菜单 菜单带小图标 这次我们要来分享一款很特别的CSS3菜单,菜单的外观是飘带状的,并且每一个菜单项有一个精美的小图标,鼠标滑过菜单项时,菜单项就会向上凸起,像是飘带飘动一样,形 ...

  9. 9款赏心悦目的HTML5/CSS3应用特效

    经过几天的收集,在html5tricks网站上又增加了不少HTML5的教程和应用,今天我把几款赏心悦目的HTML5/CSS3应用特效总结了一下,一共9款HTML5特效,分享给大家. 1.HTML5 W ...

随机推荐

  1. iOS-swift环形进度指示器+图片加载动画

    demo.gif 如图,这个动画的是如何做的呢? 分析: 1.环形进度指示器,根据下载进度来更新它 2.扩展环,向内向外扩展这个环,中间扩展的时候,去掉这个遮盖 一.环形进度指示器 1.自定义View ...

  2. jqgrid 获取当前页码

    jqgrid 获取当前页码 $('#gridTable').getGridParam('page'); /** *刷新,jqGrid刷新当前列表页代码 */ function refresh(url) ...

  3. PERL 学习

    http://ju.outofmemory.cn/entry/193944 http://blog.sina.com.cn/s/blog_6a6c136d0101dlcw.html http://bl ...

  4. 终端I/O之波特率函数

    波特率(baud rate)是一个以往采用的术语,现在它指的是"位/秒"(bits per second).虽然大多数终端设备对输入和输出使用同一波特率,但是只要硬件许可,可以将它 ...

  5. 向linux内核版本号添加字符/为何有时会自动添加“+”号

    转载:http://blog.csdn.net/adaptiver/article/details/7225980 1.   引子 编译2.6.35.7 kernel版本的时候发现,“2.6.35.7 ...

  6. MySQL无视密码进入Server

    在[mysqld]的段中加上一句:skip-grant-tables 如下 [mysqld] skip-grant-tables 即可不输入密码就可以进入mysql server,然后就可以随便修改数 ...

  7. linux连接静态库

    在项目中发现,使用 -l连接某个库时,如果存在同名的静态库(.a)和动态库(.so),默认会连接.so 那么如何指定连接静态库呢?如果有多个库,有些要连接静态库.有些要连接动态库,连接选项该如何指定呢 ...

  8. nmon的安装以及使用

    在做性能的时候都需要监控服务器的各项资源,这里使用的是nmon,小巧,而且比较好用,记录安装过程 在linux下创建nmon目录 方便放文件 mkdir /usr/local/nmon cd /usr ...

  9. vs2010 MFC Opengl实现

    有的人说,学习要按部就班,学了几年的编程稍有点感悟,个人觉得面对技术的不断变化,以及需求的不断变更,如果按部就班的来搞,人生0.5的时间就浪费了,很多时候问自己,why I do need to le ...

  10. log4net日志文件名输出格式化

    日志文件输出格式: 20130626.txt20130627.txt20130628.txt20130629.txt <appender name="rolling" typ ...