It is also enhanced because CSS3 transforms are performed in IE10 using hardware acceleration, so the demo runs very fluidly on my PC with a simple HD4000 GPU and on my Nokia Lumia 920! The experience is slightly better in IE10 as it already supports the CSS3 Viewport specification. Opera, which doesn’t support yet 3D transform, will not run the demo properly. The demo itself should run fine on IE10 on Windows 7/Windows 8/Windows Phone 8, Firefox, Safari and Chrome. So you can just fire up an online translator, get the language of your choice and replace it in the source code! For instance, try the English version or the Chinese version. " src="" />Īlternatively, as my UK friends like Martin Beeby noted, we only use pure HTML text.
It usese some French developer’s inside humor. If you don’t speak French, don’t pay attention to the text. In my case, I’ve just added 24 seconds of blank sound to synchronize my keyframes with the music itself. So, if you’d like to have the complete video and audio experience, go buy the music composed by John Williams, convert it to mp3 and/or ogg and add it to the audio tag definition you’ll find in the source code. Unfortunately, you won’t have audio in this demo as John Williams’ music is copyrighted. It lasts approximately 140 seconds to run the complete demo. Of course, you can run the same demo directly in your favorite browser from here: Coding4Fun StarWars Intro in pure CSS. The most cool part was added at the end of the text scrolling. But I’ve tweaked it a little bit by adding some parts at the beginning. This demo is mainly based on this awesome article: Star Wars 3D Scrolling Text in CSS3 from Craig Buckler. This demo was built using only some CSS3 3D transforms and animation, as well as the HTML5 audio and video tags. The idea was to rebuild the famous StarWars intro with the 3D scrolling text and the slide down effect with a star destroyer ship coming at the end.
During the French Microsoft Techdays that occurred from the 12 th to the 14 th of February 2013, I built a fun, silly demo to start the Coding4Fun session.
0 kommentar(er)
