Firefox 3.1中加入网页过渡特效


今天的Shiretoko(Firefox 3.1开发代码)每日编译版通过css扩展加入了简单网页元素过渡特效，这个扩展由WebKit项目研发和维护。扩展除了对一些插件和弹出菜单不能实现特效外，对大多数网页有移动，旋转，歪斜，等比例，矩阵等特效。在一下图中，Google主页和维基百科英文主页中已经嵌入了过渡特效：移动，翻转，歪斜。我也加入了一些实验性的特效已到达更好的效果。

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

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

我也说过了这些特性正处在试验阶段，还没有被正式的采用所以加入了-moz前缀），Mozilla公司内部此项目的负责人Keith Schwarz说：现在已经有两个浏览器FF和Safari）支持此特效了，所以应该很快会被采纳到正式版中。 Keith在日志中说到：“这种css扩展开发的特效一定会很有趣，大多数在插件中被保留的功能都会整合到CSS或者是Javascrip中，这将给网页开发者创造更具视觉冲击力的网页创造条件。

相关文章】

  • Firefox 3.1将完整支持色彩管理
  • 新引擎FireFox 3.1跑Web App提升速度
  • Firefox 3.1 Beta 1推迟到下个月

相关内容

    暂无相关文章