你的位置:首页 > 软件开发 > 网页设计 > 基于CSS3动态背景登录框代码

基于CSS3动态背景登录框代码

发布时间:2015-07-27 18:00:05
基于CSS3动态背景登录框代码。这是一款基于jQuery+CSS3实现的带有动画效果的动态背景登陆框特效。效果图如下:在线预览 源码下载实现的代码。html代码:<div class="htmleaf-container"> ...

基于CSS3动态背景登录框代码。这是一款基于jQuery+CSS3实现的带有动画效果的动态背景登陆框特效。效果图如下:

基于CSS3动态背景登录框代码

在线预览    源码下载

实现的代码。

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='/images/loading.gif' data-original="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>

原标题:基于CSS3动态背景登录框代码

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。