Add webpage transition effects to Firefox 3.1

Today's Shiretoko (Firefox 3.1 code development) daily compiled version adds a simple webpage element transition effect through css extension, which is developed and maintained by the WebKit project. In addition to some plug-ins and pop-up menus, Extensions cannot implement special effects, such as moving, rotating, skew, proportional and matrix effects on most webpages. On the Google homepage and Wikipedia homepage, you have embedded transition effects: Mobile, flip, and skew. I also added some experimental effects to achieve better results.

You can try the code in today's compilation:

<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>

I have also said that these features are in the trial phase and have not been officially adopted. Therefore, the-moz prefix is added.) Keith Schwarz, the project owner of Mozilla, said: now there are two browsers FF and Safari) that support this special effect, so it should soon be adopted into the official version. Keith said in the log: "This css extension development special effect will certainly be very interesting. Most of the functions reserved in the plug-in will be integrated into CSS or Javascrip, this will create conditions for Web developers to create more visual web pages.

Related Articles]

• Firefox 3.1 supports color management.

• The new engine FireFox 3.1 runs Web apps to speed up

• Firefox 3.1 Beta 1 postponed to next month