基于CSS3动态背景登录框代码
2015-07-27 17:37
323 查看
基于CSS3动态背景登录框代码。这是一款基于jQuery+CSS3实现的带有动画效果的动态背景登陆框特效。效果图如下:
在线预览 源码下载
实现的代码。
html代码:
via:http://www.w2bc.com/article/51422
在线预览 源码下载
实现的代码。
html代码:
<div class="htmleaf-container"> <div class="wrapper"> <div class="container"> <h1>Welcome</h1> <form class="form"> <input type="text" placeholder="Username"> <input type="password" placeholder="Password"> <button type="submit" id="login-button">Login</button> </form> </div> <ul class="bg-bubbles"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> </div> <script src="js/jquery-2.1.1.min.js" type="text/javascript"></script> <script> $('#login-button').click(function (event) { event.preventDefault(); $('form').fadeOut(500); $('.wrapper').addClass('form-success'); }); </script>
via:http://www.w2bc.com/article/51422
相关文章推荐
- html+css学习笔记
- grunt压缩多个js文件和css文件
- HTML 样式 & 链接
- 判断浏览器是否支持CSS3 已经初步探索JS 惰性加载
- jsp引用js和css路径问题
- CSS3 timing-function: steps()
- 【CSS3】transform-origin以原点进行旋转 (转)
- CSS3阴影 box-shadow的使用和技巧总结
- Word中如何设置表格的边框线样式和颜色
- css spprite应用
- CSS制作响应式正方形及其应用
- 常用的css hack介绍
- 字体文件以base64编码的方式引入内嵌到样式文件中
- 形形色色的下拉菜单 (css3)
- css content 如何自定义生成图标?
- CSS居中小结
- html+css
- CSS清除浮动常用方法
- 解决子级用css float浮动 而父级div没高度不能自适应高度 - DIVCSS
- CSS基础知识