我要评论基于css3动态背景登录框代码。这是一款基于jquery+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="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>
本文介绍的这款基于jquery+css3实现的带有动画效果的动态背景登陆框特效，希望大家可以喜欢。
发表评论