<style>
* {
margin: 0;
padding: 0;
}
html {
height: 100%;
width: 100%;
overflow: hidden;
margin: 0;
padding: 0;
background: url(4.jpg) no-repeat 0px 0px;
background-repeat: no-repeat;
background-size: 100% 100%;
-moz-background-size: 100% 100%;
}
body {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
#loginDiv {
width: 37%;
display: flex;
justify-content: center;
align-items: center;
height: 300px;
background-color: rgba(75, 81, 95, 0.3);
box-shadow: 7px 7px 17px rgba(130, 132, 136, 0.5);
border-radius: 1000px;
animation:turn 1s linear;
}
@keyframes turn{
0%{-webkit-transform:perspective(400px) rotateY(180deg);}
100%{-webkit-transform:perspective(400px) rotateY(0deg);}
}
用JS制作登陆画面
最新推荐文章于 2024-05-13 16:21:10 发布