html左右滑动切换页面实例6,HTML5带左右滑动切换动效的登录/注册表单页面模板...

CSS

语言：

CSSSCSS

确定

.body {

background: #ff4931;

transition: all .5s;

padding: 1px;

}

.veen {

width: 70%;

margin: 100px auto;

background: rgba(255, 255, 255, .5);

min-height: 400px;

display: table;

position: relative;

box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);

}

.veen > div {

display: table-cell;

vertical-align: middle;

text-align: center;

color: #fff;

}

.veen button {

background: transparent;

//background-image: linear-gradient(90deg, #e0b722, #ff4931);

display: inline-block;

padding: 10px 30px;

border: 3px solid #fff;

border-radius: 50px;

background-clip: padding-box;

position: relative;

col