Welcome!

Welcome to the official BlackBerry Support Community Forums.

This is your resource to discuss support topics with your peers, and learn from each other.

inside custom component

Web and WebWorks Development

Reply
New Developer
Posts: 108
Registered: ‎01-23-2012
My Device: torch,bold,curve,strom
My Carrier: Blackberry

Flip Animation!

Hi all,

Can any one suggest me the code for flip animation in webworks!

Thanks & Regards,
Kumar Shivam
Developer
Posts: 134
Registered: ‎08-03-2011
My Device: torch, Z10
My Carrier: Vodafone, Airtel

Re: Flip Animation!

Hi

for flip animation you can use jquery mobile


http://jquerymobile.com/demos/1.1.1/docs/pages/page-transitions.html

in this link so many animation.
----------------------------------------------------
"Like" if you liked the post.
"Accept as Solution" if the post solves your question.
-----------------------------------------------------------------------
"Like" if you liked the post.
"Accept as Solution" if the post solves your question.
-----------------------------------------------------------------------
Trusted Contributor
Posts: 166
Registered: ‎12-09-2011
My Device: 9550,9300,9800,9700,9900,9850,9860

Re: Flip Animation!

Hi,
There are so many frameworks which provide the Flip Animation,
Such as:
1. Jquery Mobile

http://jquerymobile.com/demos/1.1.1/docs/pages/page-transitions.html
2. Sencha touch
http://dev.sencha.com/deploy/touch/examples/production/kitchensink/#demo/Flip 

And many more Frameworks are available for BB Webworks. 

Thanks & Regards,
Nitish Subudhi

Feel Free To Press The Like Button On The Right Side To Thank The User That Helped You.
Please Mark Posts As Solved If You Found a Solution.
Developer
Developer
Posts: 607
Registered: ‎04-29-2011
My Device: PlayBook 16GB, BB10 LE Z10 (red)
My Carrier: none

Re: Flip Animation!

You do not need to use a "big" framework to do flip in WebKit based environment like in WebWorks. Here is a tutorial only using HTML and CSS to make it happen: http://line25.com/articles/super-cool-css-flip-effect-with-webkit-animation

 

And many other samples and approaches are available using Google: https://www.google.com/search?q=css+flip+div


"Like" if you liked the post.
"Accept as Solution" if the post solves your question.
BlackBerry Development Advisor
Posts: 758
Registered: ‎10-01-2009
My Device: All
My Carrier: N/A

Re: Flip Animation!

If all you need is an animation, you could go with Alice.js.  It's very lightweight, and uses all CSS

 

http://blackberry.github.com/Alice/