登录注册三维切换效果代码
代码语言:html
所属分类:布局界面
代码描述:登录注册三维切换效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans:600'> <style> body{ margin:0; color:#6a6f8c; background:#c8c8c8; font:600 16px/18px 'Open Sans',sans-serif; } *,:after,:before{box-sizing:border-box} .clearfix:after,.clearfix:before{content:'';display:table} .clearfix:after{clear:both;display:block} a{color:inherit;text-decoration:none} .login-wrap{ width:100%; margin:auto; max-width:525px; min-height:670px; position:relative; box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19); } .login-html{ width:100%; height:100%; position:absolute; padding:90px 70px 50px 70px; background:rgba(40,57,101,.9); } .login-html .sign-in-htm, .login-html .sign-up-htm{ top:0; left:0; right:0; bottom:0; position:absolute; -webkit-transform:rotateY(180deg); transform:rotateY(180deg); -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:all .4s linear; transition:all .4s line.........完整代码请登录后点击上方下载按钮下载查看
网友评论0