ASP.NET

并显示信息,CSS3让登陆面板3D旋转起来

  并显示信息,CSS3让登陆面板3D旋转起来
  "微软雅黑";,-webkit-transform-style:-webkit-preserve-3d;/*告诉浏览器以下transform操作是在3D场景下进行的*/,<divclass="login-row">。
  点击登陆面板会发生360度旋转,并显示信息,真正使用CSS3让登陆面板3D旋转起来,如何实现登陆面板3D旋转,感兴趣的小伙伴们可以参考一下
  
并显示信息,CSS3让登陆面板3D旋转起来
  

本文实例为大家分享了利用CSS3实现登陆面板3D旋转起来的具体代码,供大家参考,具体内容如下
  

点击登陆,登陆面板会发生360度旋转,并显示信息。
  <htmllang="en">
  <metacharset="UTF-8">
  <title>登陆面板旋转</title>
  font-family:"MicrosoftYaHei","微软雅黑";
  -webkit-perspective-origin:50%50%;
  -webkit-transform-style:-webkit-preserve-3d;/*告诉浏览器以下transform操作是在3D场景下进行的*/
  -webkit-transition:background-;
  ="<pclass=’login-sess’>登陆成功</p>";
  <divclass="container">
  <divclass="login"id="login-panel">
  <divclass="login-row">
  <labelfor="username"><span>账号:</span></label>
  <inputtype="text"id="username"name="username">
  <divclass="login-row">
  <labelfor="password"><span>密码:</span></label>
  <inputtype="password"id="password"name="password">
  <divclass="login-row">
  <buttonid="login"class="btn"type="button">登陆</button>
  <buttonid="regi"class="btn"type="button">注册</button>
  

以上就是本文的全部内容,希望对大家的学习有所帮助。
  点击登陆面板会发生360度旋转,并显示信息,真正使用CSS3让登陆面板3D旋转起来,如何实现登陆面板3D旋转,感兴趣的小伙伴们可以参考一下,-webkit-perspective-origin:50%50%;,<labelfor="username"><span>账号:</span></label>,<divclass="login-row">。

发表评论

电子邮件地址不会被公开。 必填项已用*标注