一款利用纯css3实现的超炫3D表单的实例教程_ Div+Css教程-查字典教程网
一款利用纯css3实现的超炫3D表单的实例教程
一款利用纯css3实现的超炫3D表单的实例教程
发布时间:2017-01-07 来源:查字典编辑
摘要:今天要给大家分享一款纯css3实现的超炫3D表单。该特效页面的加载的时候3d四十五度倾斜,当鼠标经过的时候表单动画回正。效果非常炫,一起看下...

今天要给大家分享一款纯css3实现的超炫3D表单。该特效页面的加载的时候3d四十五度倾斜,当鼠标经过的时候表单动画回正。效果非常炫,一起看下效果图:

实现的代码。

html代码:

XML/HTML Code复制内容到剪贴板 <divid="face"> <divid="content"> <p> <inputtype="text"placeholder="Name"/></p> <p> <inputtype="text"placeholder="Email"/></p> <p> <textareaplaceholder="Comments"></textarea></p> <p> <inputtype="button"value="SUBMIT"/></p> </div> </div>

css3代码:

CSS Code复制内容到剪贴板 <divid="face"> <divid="content"> <p> <inputtype="text"placeholder="Name"/></p> <p> <inputtype="text"placeholder="Email"/></p> <p> <textareaplaceholder="Comments"></textarea></p> <p> <inputtype="button"value="SUBMIT"/></p> </div> </div>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新 Div+Css教程学习
    热门 Div+Css教程学习
    网页设计子分类