Results 1 to 7 of 7

Thread: CSS3 animations

  1. #1
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Vote Rating
    1272
      0  

    Default CSS3 animations

    Nothing special here, just some CSS3 transforms/animations but wrapped into ExtJS code. This has been committed to the Ext.Fx project on Google code aswell. Thanks VinylFox!

    There are 5 animations:
    1. Ext.Fx.CSS3FadeIn
    2. Ext.Fx.CSS3FadeOut
    3. Ext.Fx.CSS3Spin
    4. Ext.Fx.CSS3ZoomIn
    5. Ext.Fx.CSS3ZoomOut


    Pretty self explanatory. To view these, you must have Chrome or Safari as it uses WebKit stuff.

    Demo: http://www.simoens.org/projects/CSS3/
    Google Code: http://code.google.com/p/ext-fx/
    License: MIT
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  2. #2
    Sencha User VinylFox's Avatar
    Join Date
    Mar 2007
    Location
    Baltimore, MD
    Posts
    1,501
    Vote Rating
    8
      0  

    Default

    Also mirrored on Github for you git geeks.

    http://github.com/VinylFox/Ext.Fx

  3. #3
    Sencha Premium User wemerson.januario's Avatar
    Join Date
    Nov 2008
    Location
    Goinia - GO, Brazil
    Posts
    645
    Vote Rating
    50
      0  

    Default Really Nice

    Thanks for sharing!
    Wemerson Januario
    Site/Blog: http://wemersonjanuario.com.brFrom: Goinia, GO, Brazil
    Consulting Training and Web Development

  4. #4
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Vote Rating
    1272
      0  

    Default

    I have done some work on the code for Fade and Zoom effects. Also updated the demo page so take a look!

    http://www.simoens.org/projects/CSS3/
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  5. #5
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Vote Rating
    1272
      0  

    Default

    Here is another demo. Idea was from Jay Garcia but my execution. Have had many great comments on this one:

    http://www.simoens.org/projects/CSS3/panel-demo.html
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  6. #6
    Sencha User jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    DC Area =)
    Posts
    16,364
    Vote Rating
    86
      0  

    Default

    mitch, you show off!!

    Great work to all contributors.

    I hope to use those soon

  7. #7
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Vote Rating
    1272
      0  

    Default

    Here's to showing off!!!!!!!!

    Added new animation: Slide

    Have two demos for you to play with:

    Panel Demo (border layout):
    http://www.simoens.org/projects/CSS3/panel-demo.html

    Grid Demo (animation on beforeload and load):
    http://www.simoens.org/projects/CSS3/grid-demo.html
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

Similar Threads

  1. Animations Bugs
    By mmullany in forum Sencha Touch 1.x: Bugs
    Replies: 0
    Last Post: 17 May 2010, 5:41 PM
  2. [OPEN-179][3.0.0] CSS3 Selector Parse Bug
    By jarrednicholls in forum Ext 3.x: Bugs
    Replies: 1
    Last Post: 24 Aug 2009, 1:43 PM
  3. animations with extjs
    By albert.sole in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 5 May 2008, 1:37 AM
  4. Animations - fx.js
    By Shobhit in forum Ext 1.x: Help & Discussion
    Replies: 1
    Last Post: 23 Oct 2007, 4:17 AM
  5. synchronizing animations
    By sean in forum Ext 1.x: Help & Discussion
    Replies: 3
    Last Post: 25 Jul 2007, 3:47 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •