Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Css animation.

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #34400
    cang_nduc
    Member

    hi all, please help me with this.
    i have an object move from a->b as code below. the object move to b and it automatically comes back to a, so:
    how to make it stop at b.
    and how to loop the animation forever, coz it stops when the process is done
    sorry for my bad explain and english.
    thanks

    div {
    width: 50px;
    height: 50px;
    background: #00f;
    border-radius: 50px;
    -webkit-animation: ball 3s;
    }
    @-webkit-keyframes ball {
    0% { -webkit-transform: translateY(0px); }
    100% { -webkit-transform: translateY(100px); }
    }
    #87486
    seb_z_lite
    Member

    check this out:
    that’s a loop!

    It’s from a Stack Overflow question btw.

    #87489
    cang_nduc
    Member

    thanks seb_z_lite for that,
    what for the stop at 100px; :X

    #87494
    cang_nduc
    Member

    thanks you all, love you :X

    #99778
    spadooky
    Member

    i know this is old, but thank you, cang_nduc, for asking this question, and thank YOU, paulie_d, for answering it. getting something to go from point a and stay at point b has been driving me insane and making me question my intelligence for hours now.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.