KnowledgeHub
Questions
Tags
Users
Search
Alex Rivera
|
Logout
Edit Question
Title
Body
I just set an animation to a div and it succeeded. Now I want to get it proved because its delay is too short! so how can I add the delayed time between animation (0% to 25%) and animation (25% to 50%) here is the code: #flow{ position:absolute; -webkit-animation:mymove 10s ease-in-out; -webkit-animation-iteration-count:3; -webkit-animation-delay:1s; } @-webkit-keyframes mymove { 0%{left:5px;} 25%{left:127px;} 50%{left:249px;} 75%{left:371px;} 100%{left:5px;} } everyone!Thanks for your attention !I have found the answer but I don't know the Api of the definition of percentage in keyframes!And if you know sth about it ,just give me a hand ,thanks a lot! @-webkit-keyframes mymove { 0%{left:5px;} 25%{left:127px;} 26%{left:127px;} 27%{left:127px;} 28%{left:127px;} 29%{left:127px;} 30%{left:127px;} 31%{left:127px;} 32%{left:127px;} 33%{left:127px;} 34%{left:127px;} 35%{left:127px;} 50%{left:249px;} 75%{left:371px;} 100%{left:5px;} }
Tags (comma-separated)
Save Edits
Cancel