[FONT=Verdana]Hey folks, [/FONT]
[FONT=Verdana] [/FONT]
[FONT=Verdana]All the time I hear mobiles will replace computer in near future… if it’s true then what the impact of this on our WWW (World Wide Web)? With this curious mindset, I started my search with the basic CSS 3.0 features, to figure out how CSS will be rendered on mobile browsers. [/FONT]
[FONT=Verdana]Animation is the Key feature to retain end users interest so I began my search with the same. I found one nice article about CSS 3.0 animation features. To my surprise the article was targeted for mobile & web (PC) browsers. The code snippet was very useful and led to a smooth animation on my Chrome browser. I hope this will be helpful for all the people who want to learn CSS 3.0 animation and target rapidly growing mobile browser market.[/FONT]
[FONT=Verdana] [/FONT]
[FONT=Verdana]For your quick view, the whole stuff is here http://innovator.samsungmobile.com/cms/cnts/knowledge.detail.view.do?platformId=12&cntsId=7080[/FONT]
[FONT=Verdana] [/FONT]
[FONT=Verdana]Some of the feature & Properties covered in above article: [/FONT]
[FONT=Verdana] [/FONT]
[FONT=Verdana]Animation Properties - name, animation-duration, animation-timing-function, animation-iteration-count, animation-direction, animation-play-state, animation-delay using these properties and the values we can easily create transition animation also we can control those transitions. [/FONT]
[FONT=Verdana] [/FONT]
[FONT=Verdana]Some transform properties are listed below; [/FONT]
[FONT=Verdana] [/FONT]
[FONT=Verdana]Property Description [/FONT]
[FONT=Verdana]matrix - Allows you to specify a 2D transformation in a matrix of six values [/FONT]
[FONT=Verdana]translate - A 2D translation along a matrix of X and Y values [/FONT]
[FONT=Verdana]translateX - A 2D translation along an X direction [/FONT]
[FONT=Verdana]translateY - A 2D translation along an Y direction [/FONT]
[FONT=Verdana]scale - Scale the property up and out by defining X and Y values [/FONT]
[FONT=Verdana]scaleX - Scale the property up by defining X value [/FONT]
[FONT=Verdana]scaleY - Scale the property out by defining Y values [/FONT]
[FONT=Verdana]rotate - Rotate a property by degrees [/FONT]
[FONT=Verdana]skewX - Skew a property along X values [/FONT]
[FONT=Verdana]skewY - Skew a property along Y values[/FONT]
[FONT=Verdana] [/FONT]
[FONT=Verdana] [/FONT]
[FONT=Verdana]You can find some CSS snippets as well in above mentioned link.[/FONT]
[FONT=Verdana] [/FONT]
[FONT=Verdana]Try it! Have a fun.[/FONT]
