标签归档:CSS3表单

纯CSS3开关样式的自定义单选框

之前我们分享过很多非常实用的自定义单选框和复选框插件,大部分都是通过CSS3实现,比如这款CSS3漂亮的自定义Checkbox复选框;也有些是基于jQuery的,比如这款jQuery美化版复选框checkbox。今天给大家分享另外一款基于纯CSS3的开关样式的自定义单选框插件,一共四种样式,都比较有创意。

pure-css3-switch-radio

在线演示源码下载

7组漂亮的纯CSS3搜索框

今天我们要为大家分享7款漂亮的纯CSS3搜索框,这7款搜索框有着各自不同的样式风格,而且外观十分简洁,和之前介绍的CSS3发光搜索表单相比,这款搜索框显得简单却更实用。而且这些不同样式都是纯CSS控制的,代码使用起来也就非常简单。

7-css3-search-form

在线演示源码下载

动态背景的CSS3登录表单

之前我们分享过很多不错的CSS3登录表单,比如这款jQuery/CSS3 谷歌样式的登录表单效果就非常不错。今天要分享的另一款CSS3登录表单外观比较清新,绿色的背景让整个表单看上去很舒服。该登录表单最大的特点是背景是动态的,会不时地浮动出一些图案来。

css3-login-form-dynamic-bg

在线演示源码下载

纯CSS3个性化圆形按钮登录表单

之前刚分享过一款CSS3实现的个性化登录表单CSS3自定义按钮的登录表单,非常清新自然。这次我们再来分享一款纯CSS3实现的登录表单,这款登录表单的登录按钮是圆形的,非常有个性。整个按钮的实现也都是CSS3做的,非常有意思的一款登录表单。

css3-circle-button-login-form

在线演示源码下载

CSS3自定义按钮的登录表单

今天我们要来分享一款CSS3登录表单,实现简单,而且非常实用,登录按钮可以自定义外观。整个登录表单色彩比较清新,表单外边框利用CSS3属性有一层淡淡的阴影,让这款CSS3登录表单显得简单中凸显高贵,另外登录表单的输入框也是经过自定义样式的,挺漂亮的。

css3-login-form-buttons

在线演示源码下载

CSS3登录表单动画 可自动输入登录信息

这是一款可自动输入登录信息的CSS3登录表单动画,这个动画模拟了用户从表单输入登录信息,点击登录按钮,并登录成功弹出欢迎信息这一全部过程,并且你可以重复播放这个动画。CSS3的确很强大,尤其在动画方面,CSS3非常不错。

css3-auto-login-form-animation

在线演示源码下载

基于Bootstrap的CSS3登录表单

这是一款基于Bootstrap的CSS3登录表单,Bootstrap是Twitter推出的一个用于前端开发的开源工具包。这款CSS3登录表单正是利用了Bootstrap来实现漂亮的表单UI,视觉效果非常不错。另外,表单的输入框左侧还有迷人的小图标衬托。

bootstrap-css3-login-form

在线演示源码下载

CSS3个性化注册表单

这次我们要来分享一款基于CSS3的个性化注册表单,说它个性化,从这几个方面可以看出来,首先,注册表单的性别选择框很特别,是一个滑块应用,其次是输入框,利用CSS样式输入框只有一条水平下滑横线,最后,注册表单从整体外观上来看非常清新自然,也很简单。

css3-register-form

在线演示源码下载

黑色发光CSS3登录表单

记得很早以前我们分享过一款CSS3发光表单,发光动画非常酷。今天我们要来分享一款黑色发光的CSS3登录表单,虽然没有那款的动画那么绚丽,但是整个登录表单黑色风格加上光线调配的非常好,显得十分庄严大气。

css3-batman-login-form

在线演示源码下载

CSS3弹出登录表单 Metro风格表单

用CSS3可以制作很多外观绚丽、功能全面的表单,相信大家看到过很多这样的表单,今天我要向大家分享一款用CSS3实现的弹出登录表单,点击按钮即可弹出一个非常清新的登录表单,表单是Metro风格的,看着朴实,但是却非常简洁实用。

css3-pop-metro-login-form

在线演示源码下载