Форумы портала PHP.SU :: Начало анимации с места предыдущей анимации

Использую css анимацию, а именно свойство animation. В нем указаны две анимации.
CODE (htmlphp):
скопировать код в буфер обмена
 
                <style>
                        #girls
                        {
                                position:relative;
                                top:0;
                                left:0;
                                -webkit-animation:girls-move1 2s 0s forwards linear, girls-move2 2s 4s forwards linear;
                                -o-animation:girls-move1 2s 0s forwards linear, girls-move2 2s 4s forwards linear;
                                -moz-animation:girls-move1 2s 0s forwards linear, girls-move2 2s 4s forwards linear;
                                animation:girls-move1 2s 0s forwards linear, girls-move2 2s 4s forwards linear;
                        }
                        
                        @-o-keyframes girls-move1
                        {
                                100% 
                                {
                                        top:100px;
                                }
                        }
                        @-webkit-keyframes girls-move1
                        {
                                100% 
                                {
                                        top:100px;
                                }
                        }
                        @-moz-keyframes girls-move1
                        {
                                100% 
                                {
                                        top:100px;
                                }
                        }
                        @keyframes girls-move1
                        {
                                100% 
                                {
                                        top:100px;
                                }
                        }
                        
                        
                        
                        @-o-keyframes girls-move2
                        {
                                100% 
                                {
                                        top:200px;
                                }
                        }
                        @-webkit-keyframes girls-move2
                        {
                                100% 
                                {
                                        top:200px;
                                }
                        }
                        @-moz-keyframes girls-move2
                        {
                                100% 
                                {
                                        top:200px;
                                }
                        }
                        @keyframes girls-move2
                        {
                                100% 
                                {
                                        top:200px;
                                }
                        }
                </style>
 
(Отредактировано автором: 20 Марта, 2014 - 17:51:45)