Firefox 3.1中加入网页过渡特效

来自http://tunps.com/firefox-31-gets-cool-web-page-transformations-support

今天的Shiretoko(Firefox 3.1开发代码)每日编译版通过css扩展加入了简单网页元素过渡特效,这个扩展由WebKit项目研发和维护。

扩展除了对一些插件和弹出菜单不能实现特效外,对大多数网页有移动,旋转,歪斜,等比例,矩阵等特效。在一下图中,Google主页和维基百科英文主页中已经嵌入了过渡特效:移动,翻转,歪斜。我也加入了一些实验性的特效已到达更好的效果。

你可以在今天的编译版中尝试一下代码:

<iframe src="http://google.com" style="width:500px; height:500px; -moz-transform:translate(100px, 50px) rotate(30deg) skew(20deg);"></iframe>
<iframe src="http://google.com" style="width:500px; height:500px; -moz-transform:translate(100px, 50px) rotate(30deg) skew(20deg);"></iframe>

我也说过了这些特性正处在试验阶段,还没有被正式的采用(所以加入了-moz前缀),Mozilla公司内部此项目的负责人Keith Schwarz说:现在已经有两个浏览器(FF和Safari)支持此特效了,所以应该很快会被采纳到正式版中。

Keith在日志中说到:“这种css扩展开发的特效一定会很有趣,大多数在插件中被保留的功能都会整合到CSS或者是Javascrip中,这将给网页开发者创造更具视觉冲击力的网页创造条件。

[via mozillalinks.org]

About tunpishuang

just 4 fun·····
This entry was posted in 未分类 and tagged . Bookmark the permalink.

发表评论

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

*

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