<div id="container_demo" > <!-- hidden anchor to stop jump http://www.css3create.com/Astuce-Empecher-le-scroll-avec-l-utilisation-de-target#wrap4 --> <a class="hiddenanchor" id="toregister"></a> <a class="hiddenanchor" id="tologin"></a> <div id="wrapper"> <div id="login" class="animate form"> <form action="mysuperscript.php" autocomplete="on"> <h1>Log in</h1> <p> <label for="username" class="uname" data-icon="u" > Your email or username </label> <input id="username" name="username" required="required" type="text" placeholder="myusername or mymail@mail.com"/> </p> <p> <label for="password" class="youpasswd" data-icon="p"> Your password </label> <input id="password" name="password" required="required" type="password" placeholder="eg. X8df!90EO" /> </p> <p class="keeplogin"> <input type="checkbox" name="loginkeeping" id="loginkeeping" value="loginkeeping" /> <label for="loginkeeping">Keep me logged in</label> </p> <p class="login button"> <input type="submit" value="Login" /> </p> <p class="change_link"> Not a member yet ? <a href="#toregister" class="to_register">Join us</a> </p> </form> </div> <div id="register" class="animate form"> <form action="mysuperscript.php" autocomplete="on"> <h1> Sign up </h1> <p> <label for="usernamesignup" class="uname" data-icon="u">Your username</label> <input id="usernamesignup" name="usernamesignup" required="required" type="text" placeholder="mysuperusername690" /> </p> <p> <label for="emailsignup" class="youmail" data-icon="e" > Your email</label> <input id="emailsignup" name="emailsignup" required="required" type="email" placeholder="mysupermail@mail.com"/> </p> <p> <label for="passwordsignup" class="youpasswd" data-icon="p">Your password </label> <input id="passwordsignup" name="passwordsignup" required="required" type="password" placeholder="eg. X8df!90EO"/> </p> <p> <label for="passwordsignup_confirm" class="youpasswd" data-icon="p">Please confirm your password </label> <input id="passwordsignup_confirm" name="passwordsignup_confirm" required="required" type="password" placeholder="eg. X8df!90EO"/> </p> <p class="signin button"> <input type="submit" value="Sign up"/> </p> <p class="change_link"> Already a member ? <a href="#tologin" class="to_register"> Go and log in </a> </p> </form> </div> </div> </div>
更多内容 请参考我的个人博客 http://ismartstudio.com/
相关推荐
单元二 CSS3样式表端基础前Web单元2-9 CSS3过渡&转换13转换应用过渡应用2过渡属性4转换属性什么是CSS3过渡当元素从一种样式变换为另一种样式时为元素添加效果。1过渡应用CSS3过渡是元素从一种样式逐渐改变为另一种的...
IPV4-IPV6过渡转换技术设计与实现IPV4-IPV6过渡转换技术设计与实现IPV4-IPV6过渡转换技术设计与实现IPV4-IPV6过渡转换技术设计与实现
脚本简介jQuery页面过渡转换是一款基于jquery css3实现的多种不同页面转换过渡效果。
jQuery页面过渡转换 jQuery页面过渡转换代码下载.zip
HTML页面过渡效果大全HTML页面过渡效果大全
缩放反向过渡V.4包含一组针对Adobe After Effects的16种酷炫的过渡效果。它们使用简单,可以快速合并到您的演示文稿,幻灯片,电视节目,广告,宣传,活动,Facebook和YouTube视频中。这款专业设计且动画精美的AE...
IPV4-IPV6过渡转换技术设计与实现3IPV4-IPV6过渡转换技术设计与实现3IPV4-IPV6过渡转换技术设计与实现
IPV4-IPV6过渡转换技术设计与实现2IPV4-IPV6过渡转换技术设计与实现2IPV4-IPV6过渡转换技术设计与实现
jQuery CSS3提示框按钮过渡效果是一款鼠标悬停显示提示框按钮过渡效果。
是一款效果非常酷的jQuery和CSS3通过AJAX调用切换页面过渡动画特效插件。该页面切换特效使用AJAX来动态加载链接内容,在页面加载的时候,使用CSS3来制作非常酷的页面过渡动画效果。插件中使用pushState方法来管理...
IPV4-IPV6过渡转换技术设计与实现IPV4-IPV6过渡转换技术设计与实现1
jquery图片过渡效果
css按钮过渡效果
12种炫酷CSS3图片切换过渡效果
图片过渡效果演示图片过渡效果。
给 UICollectionView 加上各种漂亮的过渡效果。.zip,一个uiCollectionViewLayout子类,它在不影响现有代码的情况下向uiCollectionView添加自定义转换/动画。
flash图片切换过渡效果,可以学习参考下!
这是一款CSS3鼠标hover按钮过渡动画效果。该CSS3鼠标hover按钮过渡动画效果共有两组效果,一组是按钮背景过渡动画效果,一组是按钮边框过渡动画效果。
jQuery+CSS3提示框按钮过渡效果.zip