1. #1
    Sencha User
    Join Date
    Jan 2013
    Posts
    4
    Vote Rating
    0
    egystr is on a distinguished road

      0  

    Default Unanswered: Destroy After Animation Complete

    Unanswered: Destroy After Animation Complete


    Hi everybody,

    In my app i need to destroy the container after the animation is done.

    I do the animation with CSS3 transforms so it is not traceable, so i thought about a timer or a delay option for the destroy function?

    Thanks for advance.

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,207
    Answers
    3517
    Vote Rating
    857
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    What animation? The element will fire an event when animation has finished.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Jan 2013
    Posts
    4
    Vote Rating
    0
    egystr is on a distinguished road

      0  

    Default


    thanks for reply
    i do the animation with add class with the new attributes

    Code:
    .x-layout-fit-item.x-sized.coverView
    {
    	width:100%;
    	height:100%;
    	background-image:url(../images/main.jpg);
    	-webkit-transform: rotateY(0deg);
    	-webkit-transition: all 1.5s ease-in-out;
    	-webkit-transform-origin: left center;
    	z-index:3;
    }
    .x-layout-fit-item.x-sized.coverFlip
    {
    	-webkit-transform: rotateY(-90deg);
    }

Thread Participants: 1

Tags for this Thread