幽灵资源网 Design By www.bzswh.com
今天要给大家分享一款纯css3实现的超炫3D表单。该特效页面的加载的时候3d四十五度倾斜,当鼠标经过的时候表单动画回正。效果非常炫,一起看下效果图:
实现的代码。
html代码:
XML/HTML Code复制内容到剪贴板- <div id="face">
- <div id="content">
- <p>
- <input type="text" placeholder="Name" /></p>
- <p>
- <input type="text" placeholder="Email" /></p>
- <p>
- <textarea placeholder="Comments"></textarea></p>
- <p>
- <input type="button" value="SUBMIT" /></p>
- </div>
- </div>
css3代码:
CSS Code复制内容到剪贴板- <div id="face">
- <div id="content">
- <p>
- <input type="text" placeholder="Name" /></p>
- <p>
- <input type="text" placeholder="Email" /></p>
- <p>
- <textarea placeholder="Comments"></textarea></p>
- <p>
- <input type="button" value="SUBMIT" /></p>
- </div>
- </div>
标签:
css3动画,3D表单
幽灵资源网 Design By www.bzswh.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
幽灵资源网 Design By www.bzswh.com
暂无评论...