今天的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中,这将给网页开发者创造更具视觉冲击力的网页创造条件。 |