3D化网页工具:Tilt

Tilt是一款Firefox的插件,它使用WebGL技术,能将网页以3D形式展现并支持旋转、缩放等操作,看下截图会更直观一些。


虽然Tilt具有面向开发人员的功能。比如可以点取每个节点获取相应的HTML源码,还有迷你的DOM地图,但现在还谈不上是一款网页调试工具,不过它确实有潜质。Tilt最大的优势就是将HTML代码图形化、3D化,它将HTML的嵌套关系用垒积木的方式展现,除了直观还为我们观察某些交互的实现原理提供便利,比如淘宝的图片轮播

或者是现在大家都比较关注的Apple iPhone4S产品展示效果原理:

有兴趣的话可以安装一个试试:
安装地址:https://addons.mozilla.org/en-US/firefox/addon/tilt/
想了解Tilt更多信息可以看这里:http://blog.mozilla.com/tilt/

总的来说对Tilt比较期待,希望它能持续更新,添加更多更丰富的面向开发人员的功能。

This entry was posted in HTML & CSS. Bookmark the permalink.

4 Responses to 3D化网页工具:Tilt

  1. 前端组 says:

    Firefox里直接有,不用装插件~

  2. 电脑租赁 says:

    到电脑配置要求比较的高

  3. Rick says:

    有点意思,试用了下,有点卡

  4. 电动叉车 says:

    太强大了,不过不是很懂
    呵呵

发表评论

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

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>