Results 1 to 2 of 2
  1. gdanonym's Avatar
    CrackBerry Abuser

    Posts
    306 Posts
    Global Posts
    315 Global Posts
    Thread AuthorThread Author   #1  

    Default How to move an object without delay (duration) using SVG?

    I know only this command and it moves an object using animation with i duration of 0.5s

    <animateTransform xlink:href="#hs8" id="_anim_520" attributeName="transform" type="translate" to="0,0" dur="0.5s" fill="freeze" begin="Button_Calendar.activate" />

    But i also want a command to move an object instantly. Setting the duration to 0.0s is not allowed. And 0.1s is still a visible movement.

    ---

    I want to make a rotating 3 list window. The movement is from right to left, so the first list moves with a duration of 0.5s to the left to leaves the screen and the 2th list is cumming into the screen from the right.
    Also with a 3th list, but after this one, the 1th list is cumming in again. So i have to move the list from outside screen left, to outside screen right without seeing.
  2. dcburke789's Avatar
    CrackBerry Genius

    Posts
    2,629 Posts
    #2  

    Default

    delay the 2nd animation until the first is complete.


    <animateTransform xlink:href="#hs8" id="_anim_520" attributeName="transform" type="translate" to="0,0" dur="0.5s" fill="freeze" begin="Button_Calendar.activate+0.5s" />
    Discontent is the first necessity of progress --Thomas A. Edison
    drkapprentice @drkapprentice Email drkapprentice4help@gmail.com for questions or comments.

Posting Permissions