1款运用纯css3完成的超炫三d表单的案例实例教程

日期:2021-03-06 类型:科技新闻 

关键词:如何制作微信小游戏,微信游戏小程序,公众号游戏,h5小游戏模板,小程序游戏源码

  今日要给大伙儿共享1款纯css3完成的超炫三d表单。该殊效网页页面的载入的情况下3d4105度歪斜,当电脑鼠标历经的情况下表单动漫回正。实际效果十分炫,1起看下实际效果图:

  完成的编码。

  html编码:

XML/HTML Code拷贝內容到剪贴板
  1. <div id="face">  
  2.         <div id="content">  
  3.             <p>  
  4.                 <input type="text" placeholder="Name" /></p>  
  5.             <p>  
  6.                 <input type="text" placeholder="Email" /></p>  
  7.             <p>  
  8.                 <textarea placeholder="Comments"></textarea></p>  
  9.             <p>  
  10.                 <input type="button" value="SUBMIT" /></p>  
  11.         </div>  
  12.     </div>  

  css3编码:

CSS Code拷贝內容到剪贴板
  1. <div id="face">   
  2.         <div id="content">   
  3.             <p>   
  4.                 <input type="text" placeholder="Name" /></p>   
  5.             <p>   
  6.                 <input type="text" placeholder="Email" /></p>   
  7.             <p>   
  8.                 <textarea placeholder="Comments"></textarea></p>   
  9.             <p>   
  10.                 <input type="button" value="SUBMIT" /></p>   
  11.         </div>   
  12.     </div>  
上一篇:纯CSS完成圆角折叠菜单的方式 返回下一篇:没有了